溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
```一、CSS概念
1、需求：
設置網(wǎng)頁標簽的樣式：寬``、高、背景顏色、位置......
用于布局或美化網(wǎng)頁
2、概念：
css 層疊樣式表
英文全稱：cascading style sheets
瀏覽器解釋語言：讓瀏覽器去執(zhí)行解釋的語言
html css
大小寫不敏感：小寫
w3c組織
3、css語法：
選擇器1{
屬性名1：屬性值1；
屬性名2：屬性值2；
...
...
}
選擇器2{
屬性名1：屬性值1：
屬性名2：屬性值2；
...
...
}
選擇器：我要找的html標簽（元素）
屬性1：屬性值1：width：20px
不針對行內(nèi)樣式
4、css注釋
html注釋
<!--注釋內(nèi)容 -->
css注釋
/*注釋內(nèi)容*/
//也可以
sublime快捷鍵：ctrl+/
5、補充
dhtml=html（指定元素）+css（元素大小位置顏色）+javascript（操縱網(wǎng)頁元素）
<div>內(nèi)容</div>獨占一行，背景顏色一行
<span>內(nèi)容</span>不獨占一行，背景顏色跟隨內(nèi)容
<SPAN>是行級容器標簽，不可以包含圖片、標題、段落等，只能包含文字內(nèi)容
（他們存在就是為了樣式）
二、css樣式分類
1、行內(nèi)樣式
只作用于行內(nèi)
<p >內(nèi)容</p>
2、內(nèi)嵌樣式
作用于本頁也可以鏈接到html中
<HEAD>
<STYLE type="text/css">
P { /*設置樣式：字體和背景色*/
font-family: System;
font-size: 18px;
color: #3333CC;
}
H2 {
background-color: #CCFF33;
text-align: center;
}
</STYLE>
</HEAD>
<BODY>
<H2.>品種特征方面：</.H2>
<P> 1、蛋魚：蛋魚…….。</P>
<P> 2、龍睛：龍睛……..。</P>
<P> 3、高頭：高頭….。</P>
3、外部樣式
作用于多個頁面
引入內(nèi)嵌樣式css文件
<head>
link
<link rel="stylesheet" type="text/css" href=".css文件">
</head>
三、選擇器
1、html選擇器
<.style type="txet/css">
p{屬性名：屬性值；
屬性名：屬性值；}
<.style/>
2、class類選擇器
<.p class="命名">內(nèi)容</p>
<.STYLE type="text/css">
.命名{
屬性名：屬性值；
屬性名：屬性值；
}
3、ID選擇器
<.p id="命名">內(nèi)容</p>
<.STYLE type="text/css">
#命名{
屬性名：屬性值；
屬性名：屬性值；
}
4、子元素選擇器(父子關系)
.div > .input > 選擇器1 > 選擇器2{
}
.border：5px dotted red；
.dotted：虛線
.solid：實線
5、后代選擇器（后代關系）
.div .input{
}
6、組合選擇器
選擇器，選擇器{
屬性名：屬性值；
屬性名：屬性值；
}
7、樣式混用
行內(nèi)樣式
內(nèi)嵌樣式
外部樣式
就近原則免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
