1、用list-style屬性就可去掉點(diǎn)。操作方法是首先打開html編輯器,新建一個(gè)html文檔,里面新建一個(gè)無序列表:
2、然后在上方引入style標(biāo)簽,在里面設(shè)置樣式,這里設(shè)置一下背景色和字體方便觀察效果,再設(shè)置li標(biāo)簽的list-style屬性的值為none,設(shè)置完保存打開瀏覽器:
3、最后在瀏覽器中就可以看到效果了,此時(shí)出現(xiàn)的就是沒有點(diǎn)的列表了:
1打開Adobe Dreamweaver CC 2015。
2執(zhí)行菜單欄中的"文件>新建"命令或按住Ctrl+N鍵打開"新建文檔"對話框,選擇其文檔類型為HTML,單擊"創(chuàng)建"按鈕,即創(chuàng)建一個(gè)網(wǎng)頁文檔。
3在<body>和</body>之間添加<ul class="text"></ul>,如下圖所示。【基本語法】<ul class="XXX"> ....</ul>【語法說明】在HTML文件中,可以利用成對的<ul></ul>標(biāo)記插入無序列表。CSS中的class中文意思是類,類可以應(yīng)用于多個(gè)標(biāo)簽元素。類前面都帶有一個(gè)英文句點(diǎn)“.”如:<style type="text/css".bigfont {font-size:36px}</style>引用時(shí)在標(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>【語法說明】列表項(xiàng)標(biāo)記<li></li>用來定義列表項(xiàng)序列。
5<head>和</head>之間添加"<style type="text/css"></style>",如下圖所示。【基本語法】<style type="text/css">選擇符1{樣式屬性:屬性值;樣式屬性:屬性值;...}選擇符2{樣式屬性:屬性值;樣式屬性:屬性值;...}....選擇符n{樣式屬性:屬性值;樣式屬性:屬性值;...}</style>【語法說明】<style>標(biāo)記是用來說明所要定義的樣式,type屬性是指style元素以CSS的語法定義。【選擇符1..選擇符n】:選擇符可以使用HTML標(biāo)記的名稱,所有的HTML標(biāo)記都可以作為選擇符。【樣式屬性】:主要指關(guān)于對選擇符格式化顯示風(fēng)格的樣式屬性名稱。【屬性值】:設(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:不顯示任何列表符號(hào)或編號(hào))
7保存網(wǎng)頁文件,按住F12鍵可以在瀏覽器中預(yù)覽效果,如下圖所示。
可以用css3中新增的選擇器“[attribute=value]”來同時(shí)選中指定的屬性的標(biāo)簽。
1、新建html文檔,添加5個(gè)input標(biāo)簽,其中第一個(gè)和最后一個(gè)“type”屬性的屬性值為“text”:
2、在head標(biāo)簽和body標(biāo)簽之間添加style標(biāo)簽,添加代碼“input[type=text]”,“input”指的是標(biāo)簽名,“type”指的是屬性名,“text”指的是屬性值,這個(gè)就會(huì)把所有屬性名為“type”、屬性值為“text”的input標(biāo)簽選中:
3、為被選擇的標(biāo)簽設(shè)置背景色為紅色,這時(shí)屬性值為“text”的第一個(gè)標(biāo)簽和最后一個(gè)標(biāo)簽背景色都變成了紅色:
css中的行標(biāo)簽不可以設(shè)置高度,如<span>,<a>,<tr>,<td>,還有一些特定作用的標(biāo)簽,比如<meta>,<script>標(biāo)簽等。