溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1、CSS的基本概念
CSS全稱Cascading Style Sheets。在實際網頁開發中，作用于同一個元素上的多個樣式產生沖突的情況不可避免的經常發生，當多個樣式發生重疊時，優先級別高的樣式會生效，因此得名層疊樣式表。
2、CSS的作用
在網頁開發中，CSS高性能強大，是提高工作效率的利器。它可以將內容展示和樣式控制分離，從而降低耦合度，解耦，讓分工協作更容易，以此提高開發效率。
3、CSS的使用
（1）內聯樣式：在標簽內使用style屬性指定css代碼。如：<div >hello css</div>
（2）內部樣式：在head標簽內，定義style標簽，style標簽的標簽體內容就是css代碼。如：
<style>
div{
color:blue;
}
</style>
<div>hello css</div>
（3）外部樣式：它是CSS資源文件。在head標簽內，定義link標簽，引入外部的資源文件.如：
a.css文件：
div{
color:green;
}
<link rel="stylesheet" href="css/a.css">
<div>hello css</div>
<div>hello css</div>
需要注意的是，前三種方式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
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
