我們第一天說了簡單的HTML,第二天說了簡單的CSS.那麼今天.咱們就來說一說他們的結合如何使用吧!
首先說引用方式,和使用方法吧!
1.內部樣式表.(放入
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <style></span><span style="color: #008080">3</span> <span style="color: #ff0000"> div{
4 color:red:
5 }</span><span style="color: #008080">6</span> <span style="color: #800000"> </style></span><span style="color: #008080">7</span> <span style="color: #800000"><head><br></span>[提示]:紅色區域是樣式,和元素選擇器
2.內聯樣式表(寫在標籤裡的樣式)
<p style="color: red;"></p>
注意:語法一定要是style = ""雙引號裡面的屬性與屬性值哦!
3.外部樣式表(引入外部CSS樣式表)最好也是放在head裡面
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <link rel="stylesheet" href="xxx.css?1.1.11"><br> </head><br></span>
#注意:其中"stylesheet" //樣式表
href //地址
# xxx.css中的xxx就是檔名,並且是你自訂的檔名!(後綴名.css不能改哦!)
還有就是CSS選擇器!選擇器是CSS樣式表中重要的組成部分
CSS選擇器
1.元素選擇器
div,p,span,hr,等等很多直接用元素接花括號的都是元素選擇器
2.ID選擇器(id)
我們在樣式表中用id屬性值修改標籤屬性,樣式.
語法:
{ :; :; }然後呢,他的效果就是這樣的:
今天就寫這麼多吧!然後呢..........我打算棄坑了!因為我的講師說我們要寫點高大上的東西不要寫基礎了!所以我就果斷棄坑了!以後有時間我再繼續更這個吧!!!
以上是談談我對css的認識的詳細內容。更多資訊請關注PHP中文網其他相關文章！
