css的基本語法和選擇器,DW教程如何利用CSS樣式設(shè)置列表文字?
1打開Adobe Dreamweaver CC 2015。
2執(zhí)行菜單欄中的"文件>新建"命令或按住Ctrl+N鍵打開"新建文檔"對話框,選擇其文檔類型為HTML,單擊"創(chuàng)建"按鈕,即創(chuàng)建一個網(wǎng)頁文檔。
3在<body>和</body>之間添加<ul class="text"></ul>,如下圖所示?!净菊Z法】<ul class="XXX"> ....</ul>【語法說明】在HTML文件中,可以利用成對的<ul></ul>標(biāo)記插入無序列表。CSS中的class中文意思是類,類可以應(yīng)用于多個標(biāo)簽元素。類前面都帶有一個英文句點“.”如:<style type="text/css".bigfont {font-size:36px}</style>引用時在標(biāo)簽里加上class=""例:用在段落標(biāo)簽:<p class="bigfont">大字體</P>
4<ul> 和</ul>之間添加"<li>首頁</li> <li>新聞</li> <li>汽車</li> <li>體育</li> <li>視頻</li>",如下圖所示。【基本語法】<ul class="XXX"><li>....</li><li>....</li><li>....</li><li>....</li>.....</ul>【語法說明】列表項標(biāo)記<li></li>用來定義列表項序列。
5<head>和</head>之間添加"<style type="text/css"></style>",如下圖所示?!净菊Z法】<style type="text/css">選擇符1{樣式屬性:屬性值;樣式屬性:屬性值;...}選擇符2{樣式屬性:屬性值;樣式屬性:屬性值;...}....選擇符n{樣式屬性:屬性值;樣式屬性:屬性值;...}</style>【語法說明】<style>標(biāo)記是用來說明所要定義的樣式,type屬性是指style元素以CSS的語法定義。【選擇符1..選擇符n】:選擇符可以使用HTML標(biāo)記的名稱,所有的HTML標(biāo)記都可以作為選擇符?!緲邮綄傩浴浚褐饕戈P(guān)于對選擇符格式化顯示風(fēng)格的樣式屬性名稱?!緦傩灾怠浚涸O(shè)置對應(yīng)樣式屬性的值。
6<style type="text/css"></style>之間添加".text{color:hsla(295,86%,50%,1.00);font-family:"微軟雅黑";list-style-type:none;}【基本語法】color屬性:設(shè)置字體顏色font-family屬性:設(shè)置文字樣式list-style-type屬性:設(shè)置列表樣式(none:不顯示任何列表符號或編號)
7保存網(wǎng)頁文件,按住F12鍵可以在瀏覽器中預(yù)覽效果,如下圖所示。
css中focus的用法?
在css中,focus的意思是“焦點”,是一種偽類選擇器,作用是選取獲得焦點的元素;通過“:focus”選擇器可以對獲取焦點的元素設(shè)置樣式,語法為“元素:focus{css樣式代碼;}”。
在css中,focus是焦點的意思,通常表示的是“:focus”選擇器,“:focus”選擇器用于選取獲得焦點的元素。接收鍵盤事件或其他用戶輸入的元素都允許 :focus 選擇器。
在CSS里在每個標(biāo)記前加?
#是一種 CSS 標(biāo)記選擇器~~~ 它是針對網(wǎng)頁中某個標(biāo)簽的 id 值而應(yīng)用樣式的~~比如頁面中有:
那么,要為這個 div 標(biāo)簽應(yīng)用樣式,就需要在CSS中寫:#hello{ font-size:14px; /* 再添加其它的樣式 */}css元素的排列規(guī)則主要分為?
1、代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。
2、代表ID選擇器,如:#content,權(quán)值為100。
3、代表類,偽類和屬性選擇器,如.content,權(quán)值為10。
4、代表類型(元素)選擇器和偽元素選擇器,如div p,權(quán)值為1。 按照CSS代碼的執(zhí)行先后順序。如果有重復(fù)的規(guī)則,按照后執(zhí)行的定義。最終規(guī)則是多個定義規(guī)則的綜合。重點:高級規(guī)則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個相同規(guī)則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學(xué)。