您好,登錄后才能下訂單哦!
今天小編給大家分享一下css實例代碼分析的相關知識點,內容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>css講解</title>
<linkrel="stylesheet"href="style.css">
<style>
/*body{
color:#000;
background:#fff;
margin:0;
padding:0;
font-family:Georgia,Palatino,serif;
}*/
div{
width:200px;
height:200px;
background:blue;
/*border:15pxsolidred;*/
}
#dd{
width:300px;
height:300px;
background:red;
}
.xdd{
color:yellow;
}
a{
color:#000;
font-size:30px;
}
a:hover{
color:green;
}
.abc{
color:blue;
}
ulli:first-child{
color:orange;
background:blue;
}
ulli:last-child{
color:blue;
background:orange;
}
ulli:nth-child(3){
color:green;
}
ulli:only-child{
color:red;
}
</style>
</head>
<body>
<divstyle="border:20pxsolid#000;">
<h3style="color:red;">css講解</h3>
</div>
<formaction=""></form>
<divid="dd"class="xdd">
我的div標簽
<pid="mm"class="xdd">我是p標簽</p>
<aid="gg"href="http://www.baidu.com">baidu</a>
<h2></h2>
<span></span>
</div>
<div>
<ahref="#">這是一個超鏈接</a>
<p>今天氣不錯,大家有沒有出游的計劃</p>
</div>
<ul>
<!--<h3>我的老大</h3>
<h3>我的男孩子</h3>-->
<liclass="abc">11111</li>
<li>222222</li>
<li>33333333</li>
<li>4444444444</li>
<li>555555555</li>
<li>6666666</li>
<li>7777777777</li>
<li>8888888888</li>
<li>9999999</li>
<li>1000000000000</li>
<ul>
<<!--h2>我的哥哥</h2>-->
<li>我的獨生子女</li>
<li>我不是生子女</li>
</ul>
<ul>
<li>我的真正的獨生子女</li>
</ul>
</body>
</html>
以上就是“css實例代碼分析”這篇文章的所有內容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。