css樣式選擇器原理,css選擇器選取節點的是?
CSS是一種用于屏幕上渲染html,xml等一種語言,CSS主要是在相應的元素中應用樣式,來渲染相對應用的元素,那么這樣我們選擇相應的元素就很重要了,如何選擇對應的元素,此時就需要我們所說的選擇器。在 CSS 中,選擇器是一種模式,用于選擇需要添加樣式的元素。選擇器主要是用來確定html的樹形結構中的DOM元素節點。css選擇器命名能是百分號嗎?
不能
??具體如下:左邊是選擇器首字符,右邊是選擇器后面的字符
首字符支持的字符類型是a~z、A~Z、下劃線(_)以及非ASCII字符(中文、全角字符等)
后面的字符支持的字符類型是a~z、A~Z、0~9、下劃線(_)、短橫線(-)以及非ASCII字符
可以直接以短橫線開頭,如果是一根短橫線(-),那么短橫線后面必須有其他字符、字母或下劃線或者其他編碼字符;如果是連續兩根短橫線(–),則它的后面不跟任何字符也是合法的。
DW教程如何利用CSS樣式設置列表文字?
1打開Adobe Dreamweaver CC 2015。
2執行菜單欄中的"文件>新建"命令或按住Ctrl+N鍵打開"新建文檔"對話框,選擇其文檔類型為HTML,單擊"創建"按鈕,即創建一個網頁文檔。
3在<body>和</body>之間添加<ul class="text"></ul>,如下圖所示。【基本語法】<ul class="XXX"> ....</ul>【語法說明】在HTML文件中,可以利用成對的<ul></ul>標記插入無序列表。CSS中的class中文意思是類,類可以應用于多個標簽元素。類前面都帶有一個英文句點“.”如:<style type="text/css".bigfont {font-size:36px}</style>引用時在標簽里加上class=""例:用在段落標簽:<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>【語法說明】列表項標記<li></li>用來定義列表項序列。
5<head>和</head>之間添加"<style type="text/css"></style>",如下圖所示。【基本語法】<style type="text/css">選擇符1{樣式屬性:屬性值;樣式屬性:屬性值;...}選擇符2{樣式屬性:屬性值;樣式屬性:屬性值;...}....選擇符n{樣式屬性:屬性值;樣式屬性:屬性值;...}</style>【語法說明】<style>標記是用來說明所要定義的樣式,type屬性是指style元素以CSS的語法定義。【選擇符1..選擇符n】:選擇符可以使用HTML標記的名稱,所有的HTML標記都可以作為選擇符。【樣式屬性】:主要指關于對選擇符格式化顯示風格的樣式屬性名稱。【屬性值】:設置對應樣式屬性的值。
6<style type="text/css"></style>之間添加".text{color:hsla(295,86%,50%,1.00);font-family:"微軟雅黑";list-style-type:none;}【基本語法】color屬性:設置字體顏色font-family屬性:設置文字樣式list-style-type屬性:設置列表樣式(none:不顯示任何列表符號或編號)
7保存網頁文件,按住F12鍵可以在瀏覽器中預覽效果,如下圖所示。