CSS入門(1)
- 初識CSS
- CSS指層疊樣式表(Cascading Style Sheets),樣式定義了如何顯示HTML元素铣口。
- CSS由選擇器和一或多條聲明構成禽拔,聲明由屬性和值構成:
/*css的注釋長這樣*/ h1 {color:red;font-size:10px;}
這里h1就是選擇器庞钢,color(屬性):red(值);為一條聲明。
- id選擇器和class選擇器
可以為標有id或class的元素指定樣式话侄,這時選擇器可為#id值 或.class值。
- 四種引入CSS的方式:
- style屬性
放在一個元素中作為style屬性,作為內聯(lián)樣式年堆,少用吞杭。 - style標簽
<style>標簽放在頭部,定義內部樣式表变丧,如:
<head> <style> p {marging-left:10px;} body {background-image:url("image/xx.gif");} </style> </head>
- css link
<link>標簽放在頭部芽狗,鏈接外部樣式表,如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
- css import
注:多重樣式時痒蓬,遵循優(yōu)先級:style屬性(內聯(lián))>style標簽(內部)>css link(外部)>瀏覽器默認樣式
3 常見CSS屬性:
屬性 | 用法 |
---|---|
font-family | 文本字體 |
font-size | 文字大小 |
font-weight | 字體粗細童擎,normal、bold攻晒、lighter等 |
color | |
background-color | 元素的背景顏色 |
margin | 元素的邊距顾复,4個值(上右下左)、3個值(上‘左右’下)鲁捏、2個值(上下)芯砸、1個值(四邊) |
padding | 元素填充距離,同marging差不多给梅,但不能為負值 |
line-height | 行高假丧,90%、110%等 |