?

style：樣式屬性有三種

1. 內(nèi)聯(lián)屬性樣式：元素內(nèi)部使用style屬性，如圖：

?

復(fù)制到元素內(nèi)部，便叫做內(nèi)聯(lián)樣式。

?

2.內(nèi)部標(biāo)簽形式

上面第一種辦法只能使一個標(biāo)簽具備了某種屬性樣式，但是使用內(nèi)部標(biāo)簽形式的方法，可以是一組標(biāo)簽具備某種樣式。操作步驟如下：

　　a.添加style標(biāo)簽，并在該標(biāo)簽內(nèi)部定義好class名（如linkstyle）及該class的內(nèi)容

　　b.在需要添加樣式的這組標(biāo)簽里的每一標(biāo)簽中添加class=“l(fā)inkstyle”

如圖：

?

?

實現(xiàn)效果如圖：

?3. 更改圖片大小，如圖：

?

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

position：absolute? 即元素相對于body四邊邊緣的為標(biāo)準(zhǔn)的相對百分比距離，例如：

?這種辦法的缺點是當(dāng)窗口大小變換時，頁面就亂了。

?

position：relative? 即相對于body四邊邊緣的相對距離

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

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

做到如下幾點：

css文件內(nèi)容如下：

?

?html的修改如下：

刷新，即實現(xiàn)了。。。

轉(zhuǎn)載于:https://www.cnblogs.com/shuanger-means-/p/9388361.html

總結(jié)

以上是生活随笔為你收集整理的CSS样式和class应用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。