我的第乙個blog

css（cascading style sheets），層疊樣式表，是一種用來表現html或xml等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字型大小樣式，擁有對網頁物件和模型樣式編輯的能力。

1.位置屬性(position, top, right, z-index,float等)

2.大小(width, height, padding, margin)

3.文字系列(font, line-height, letter-spacing等)

4.背景(background, border等)

5.其他(animation, transition等)

例：

1.常用的css命名

在寫class或者id時盡量使用書面化語言，讓大家一目了然可以看懂。

例如：

常用的命名：2.書寫規範

（1）縮寫屬性

css有些屬性可以簡寫，比如padding、margin等

例如:padding-top:1px；

padding-right:2px;

padding-bottom:3px;

padding-left:4px；

可以精簡為

（2）16進製制顏色

有些顏色屬性可以進行縮寫

例如：color:#000000;

縮寫為：

color:#000;或者color:black;

3.css 位置

css可以有兩種方式使用：

1.直接寫在頁面裡，在頁面的head之間引用，加入style標籤，直接寫css。

2.可以單獨寫到乙個.css檔案，然後通過頁面引用。

！！！注意

css的路徑一定要寫對

練習例項1：自製css 小動畫

滑鼠指向時出現動畫，通過css可完成

簡單小動畫，可動手實踐，**已貼如下：

html內容：

css動畫：

小結：css、css3是當前最基礎的前端開發語言，能夠靈活使用。對於大學生來說也是必須掌握的知識，無論是在課程設計還是畢業設計中，前端的介面是必不可少的。建議大家掌握，另外還有一些基礎框架，像bootstrap、vue等寫好的框架，大家可以多多學習~

2020.04