CSS樣式和class應用


 

style:樣式屬性有三種

1. 內聯屬性樣式:元素內部使用style屬性,如圖:

 

復制到元素內部,便叫做內聯樣式。

 

2.內部標簽形式

上面第一種辦法只能使一個標簽具備了某種屬性樣式,但是使用內部標簽形式的方法,可以是一組標簽具備某種樣式。操作步驟如下:

  a.添加style標簽,並在該標簽內部定義好class名(如linkstyle)及該class的內容

  b.在需要添加樣式的這組標簽里的每一標簽中添加class=“linkstyle”

如圖:

 

 

實現效果如圖:

 3. 更改圖片大小,如圖:

 

4. 相對位置與絕對位置:

position:absolute  即元素相對於body四邊邊緣的為標准的相對百分比距離,例如:

 這種辦法的缺點是當窗口大小變換時,頁面就亂了。

 

position:relative  即相對於body四邊邊緣的相對距離

即相對於上一個div的百分比距離

4.外部樣式:即使用CSS文件

做到如下幾點:

css文件內容如下:

 

 html的修改如下:

刷新,即實現了。。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM