?

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的修改如下：

刷新，即實現了。。。

轉載于:https://www.cnblogs.com/shuanger-means-/p/9388361.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。