1、 css基本語法標記選擇器,css選擇器選取節點的是?
CSS是一種用于屏幕上渲染html,xml等一種語言,CSS主要是在相應的元素中應用樣式,來渲染相對應用的元素,那么這樣我們選擇相應的元素就很重要了,如何選擇對應的元素,此時就需要我們所說的選擇器。在 CSS 中,選擇器是一種模式,用于選擇需要添加樣式的元素。選擇器主要是用來確定html的樹形結構中的DOM元素節點。2、 css設計器怎么用?
1、首先打開DreamweaverCC2018軟件新建一個html文件,在右上角點擊CSS設計器,并在下方點擊加號,然后選擇創建新的CSS文件:
2、在創建窗口中,點擊瀏覽按鈕。
3、然后選擇站點創建好CSS文件夾,然后輸入創建的CSS的名字,點擊保存插件文件:
4、然后把添加為設置成鏈接,點擊確定按鈕:
5、添加完成后就可以在右側的站點中的CSS文件夾下看到剛創建好的CSS樣式表文件了:
6、此時在html文件中的head標簽中,就多了一行鏈接到CSS文件的代碼。在頂部tab標簽中也可以看到鏈接的樣式表:
7、接下來在html網頁編輯頁面,在body標簽中輸入一個div:
8、然后在頂部tab標簽中選擇剛才創建的CSS樣式表,并在樣式表中寫一個樣式,命名為aaa,并按下快捷鍵Ctrl+S保存樣式表:
9、最后回到html編輯頁面,在div標簽中引入class,輸入剛才寫的樣式的名稱aaa并保存網頁:
10、最后點擊頂部的設計按鈕,就可以看到實時效果了,此時css文件就成功鏈接進去了:
3、 要怎樣學習web?
第一,網上找一份好的教程
第二,身邊最好有一個懂的成手,最起碼在你遇到bug的時候能幫你調bug,要不然很可能就會死在一個bug上,從入門到放棄!
第三,勤奮+毅力+耐心
下面是真正的干貨:
《初識前端與移動開發到項目開發視頻》教程分享給大家
下載鏈接:https://pan.baidu.com/s/1o8eL8yI
簡介:
第一階段(1-2天)
學會寫出最簡單的HTML頁面,認識什么是HTML, HTML基本的語法規范是什么,HTML基本骨架的組成。學習最常見的標簽,比如排版標簽,圖片標簽,鏈接標簽, 以及路徑的兩種方式。然后學習一些布局標簽,比如div,span,列表, 表格 以及表單, 最后通過前面學習的標簽,完成注冊、登錄頁面。雖然標簽很多,會培養大家查閱文檔的能力,提高自己動手,解決問題的能力。
第二階段(3-7天)
該階段主要學習CSS樣式, 并且能完成 結構與樣式 相分離的靜態頁面布局。學習CSS基本語法格式,書寫位置, 基本選擇器和復合選擇器,字體和文本的樣式等, 初步理解CSS如何控制網頁樣式,以及帶來的巨大優勢。 能深入理解標簽的盒子含義。
還有最重要的浮動布局,接下來會帶領大家學習定位,包括四種定位方式及其區別,子絕父相的重要性,定位的層級關系,完成頁面常見的定位效果。
最后,會帶領大家學習一些高級技巧,包括用戶界面樣式,精靈技術, 滑動門技術等,對前面技術綜合練習。
學完該階段的課程之后,就可以把網頁美工給與的PSD效果圖還原為HTML+CSS靜態頁面,并且是實現結構與樣式相分離,標準的代碼。
第三階段(8-9天)
學習了這么多的基礎知識,應該聯系一個案例了,本階段,為大家講解京東的項目
第四階段(10-12)
本帶領大家學習HTML5新增的標簽,樣式以及屬性。學習CSS3過渡、2D/3D變換,漸變、動畫以及伸縮布局。本階段還有攜程網的小項目,通過學習項目,加深對所學知識的理解
4、 html中級聯樣式表用什么表示?
表示方式有以下幾種:
1、行間式 書寫位置:在標簽的style屬性中書寫樣式,優缺點: 可讀性差,沒有復用性,書寫直接<h1 style="color: red; font-size: 100px; text-align: center;">css的引入</h1>
2、內聯式書寫位置:在head標簽中的style標簽內css語法:css選擇器 { 樣式1; 樣式2; }
優缺點: 可讀性強,有復用性,樣式被html頁面綁定了,不能提供給其它html頁面使用
3、外聯式書寫位置:在外部css文件中,在html文件中通過link標簽引入css文件
優缺點: 可讀性強,有復用性,適合團隊開發(文件級別的復用性)
<link rel="stylesheet" href="css/樣式引入.css">