1、CSS的基本概念

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀，專業(yè)網(wǎng)站建設服務10余年為成都成都PVC花箱小微創(chuàng)業(yè)公司專業(yè)提供成都定制網(wǎng)頁設計營銷網(wǎng)站建設商城網(wǎng)站建設手機網(wǎng)站建設小程序網(wǎng)站建設網(wǎng)站改版，從內容策劃、視覺設計、底層架構、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設服務。

CSS全稱Cascading Style Sheets。在實際網(wǎng)頁開發(fā)中，作用于同一個元素上的多個樣式產生沖突的情況不可避免的經常發(fā)生，當多個樣式發(fā)生重疊時，優(yōu)先級別高的樣式會生效，因此得名層疊樣式表。

2、CSS的作用

在網(wǎng)頁開發(fā)中，CSS高性能強大，是提高工作效率的利器。它可以將內容展示和樣式控制分離，從而降低耦合度，解耦，讓分工協(xié)作更容易，以此提高開發(fā)效率。

3、CSS的使用

（1）內聯(lián)樣式：在標簽內使用style屬性指定css代碼。如：

（2）內部樣式：在head標簽內，定義style標簽，style標簽的標簽體內容就是css代碼。如：

（3）外部樣式：它是CSS資源文件。在head標簽內，定義link標簽，引入外部的資源文件.如：

a.css文件：

div{

color:green;

}

需要注意的是，前三種方式CSS作用范圍越來越大，第一種方式不常用，后期比較常用第二、三種方式。

4、CSS的語法

（1）格式

選擇器 {

屬性名1:屬性值1;

屬性名2:屬性值2;

...

}

注意：每一對屬性需要使用；隔開，最后一對屬性可以不加；

5、屬性

（1）字體、文本

font-size：字體大小

color：文本顏色

text-align：對其方式

line-height：行高

（2）背景

background：

（3）邊框

border：設置邊框，符合屬性

（4）尺寸

width：寬度

height：高度

（5）盒子模型：控制布局

margin：外邊距

padding：內邊距

默認情況下內邊距會影響整個盒子的大小

box-sizing: border-box;  設置盒子的屬性，讓width和height就是最終盒子的大小

float：浮動

left

right