css：層疊樣式表馏段，有叫級(jí)聯(lián)樣式表稳其。
css分為內(nèi)聯(lián)方式，內(nèi)部樣式耕驰，外部樣式爷辱。
內(nèi)聯(lián)方式：只需要將分號(hào)隔開的一個(gè)或者多個(gè)屬性/值對(duì)作為元素的style屬性的值。
屬性和屬性值之間用：連接耍属。
多對(duì)屬性之間用托嚣；隔開。
內(nèi)部樣式：樣式規(guī)則位于文本檔頭元素中的<style>元素內(nèi)厚骗，在文本檔的<head>元素內(nèi)添加<style>元素示启，在<style>元素中添加樣式規(guī)則。
每個(gè)樣式規(guī)則有兩個(gè)部分：選擇器和樣式聲明领舰。
外部樣式：創(chuàng)建一個(gè)單獨(dú)的樣式表文件用來保存樣式規(guī)則夫嗓，1.一個(gè)純文本，文件后綴為.css冲秽，文件中只能包含樣式規(guī)則舍咖，樣式規(guī)則由選擇器和樣式聲明組成。
在文檔的<head>元素中添加<link>元素锉桑。
<link rel="stylesheet" type="text/css" href="myStyle.css">
css樣式的表現(xiàn)特征：
繼承性：大多數(shù)css的樣式規(guī)則可以被繼承排霉。
層疊性：可以定義多個(gè)樣式，不沖突時(shí)民轴，多個(gè)樣式表中的樣式可以層疊問為一個(gè)攻柠。
優(yōu)先級(jí)：樣式定義沖突時(shí)球订，按照不同樣式規(guī)則的優(yōu)先級(jí)來應(yīng)用樣式。
內(nèi)聯(lián)樣式>外部樣式或者內(nèi)部樣式（就近原則）
瑰钮！important可以調(diào)整樣式規(guī)則的優(yōu)先級(jí)冒滩。將其加在樣式規(guī)則之后，中間用空格隔開浪谴，-選擇器｛屬性：屬性值 开睡！important；｝
選擇器：
通用選擇器*苟耻，可以與任何元素匹配篇恒。常用于設(shè)置一些默認(rèn)的樣式，比如說設(shè)置整個(gè)文檔的文本 的默認(rèn)字體和大小梁呈。
元素選擇器：
html文檔的元素就是選擇器婚度。
類選擇器：
語法：.classname{color:red;}。類名稱不能以數(shù)字開頭官卡。
可以將多個(gè)類選擇器應(yīng)用于同一個(gè)元素。
id選擇器：
以一種獨(dú)立于文檔元素的方式來指定樣式醋虏，它僅作用于id的屬性的值寻咒。語法：選擇器前面需要有一個(gè)#號(hào)。選擇器本身則為文檔中某個(gè) 元素的id屬性的值颈嚼。
群組選擇器：
選擇器聲明為以逗號(hào)隔開的選擇器列表毛秘。
后代選擇器：-選擇器一端包含兩個(gè)或多個(gè) 用空格分隔的選擇器。
子代選擇器：只有在<div>的子元素<span>元素中的文本使用該樣式阻课。
偽類選擇器：使用冒號(hào)作為結(jié)合符叫挟。偽類選擇器,順序不能打亂.
分為：鏈接偽類，動(dòng)態(tài)偽類限煞，目標(biāo)偽類抹恳，元素狀態(tài)偽類，結(jié)構(gòu)偽類署驻，否定偽類奋献。
鏈接偽類：link適用于尚未訪問的鏈接。visited適用于訪問過的鏈接旺上。
動(dòng)態(tài)鏈接瓶蚂，用于呈現(xiàn)用戶操作：hover用于鼠標(biāo)懸停在html元素時(shí)。：active適用于html元素被激活時(shí)宣吱。：focus適用于html元素獲取焦點(diǎn)時(shí)窃这。
選擇器的優(yōu)先級(jí)：元素選擇器<類選擇器<偽類選擇器<id選擇器<內(nèi)聯(lián)樣式
overflow處理溢出,hidden表示隱藏超出,scroll內(nèi)容溢出表示滾動(dòng)條,auto超出自動(dòng)顯示滾動(dòng),不超出不顯示,visible默認(rèn)屬性.
transparent表示透明的,可以設(shè)置邊框顏色,只是不顯示邊框.
大于半徑默認(rèn)取半徑.
可以設(shè)置的為塊標(biāo)簽img,table,行標(biāo)簽要轉(zhuǎn)化為塊標(biāo)簽才可設(shè)置,結(jié)構(gòu)化的簽:header,footer,nav,aside,session
邊框倒角border-radius屬性：
border-top/bottom-left/right-radius邊框左/右上/下角。
邊框陰影box-shadow,想方框添加一個(gè)或多個(gè)陰影,取值為多個(gè)屬性列表.
h-shadow,必需,為水平陰影的位置,v-shadow,必需,為垂直陰影位置,(可選:blur,為模糊距離,spread,為陰影尺寸,color為顏色,inset,可將外部陰影outset改為內(nèi)部陰影)征候。
box-shadow:h-shadow v-shadow blur spread color inset;
border-image屬性,將圖片規(guī)定為包圍div元素的邊框,source圖片路徑,width圖片邊框的寬度,圖片邊框是否應(yīng)平鋪repeat,鋪滿round,拉伸stretch
border-image:source width repeat;
輪廓outline是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出的作用杭攻。
outline:color style width;
input{outline:0;}
css基礎(chǔ)1
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門乖订，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人具练，你說我怎么就攤上這事乍构。” “怎么了扛点？”我有些...
- 文/不壞的土叔 我叫張陵哥遮，是天一觀的道長。 經(jīng)常有香客問我陵究，道長眠饮，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任铜邮，我火速辦了婚禮仪召，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘松蒜。我一直安慰自己扔茅，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布秸苗。 她就那樣靜靜地躺著召娜，像睡著了一般。 火紅的嫁衣襯著肌膚如雪难述。 梳的紋絲不亂的頭發(fā)上萤晴，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼殖演！你這毒婦竟也來了氧秘？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對(duì)情侶失蹤趴久，失蹤者是張志新（化名）和其女友劉穎丸相，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體彼棍，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡灭忠，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了座硕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片弛作。...
- 正文 年R本政府宣布萨西，位于F島的核電站，受9級(jí)特大地震影響诸尽，放射性物質(zhì)發(fā)生泄漏原杂。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一您机、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧年局，春花似錦际看、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至僵朗，卻和暖如春赖欣，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背验庙。 一陣腳步聲響...
- 正文 我出身青樓悴了，卻偏偏與公主長得像，于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子湃交，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案熟空？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
- 選擇qi：是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font搞莺，text－align息罗，li...
- 選擇qi：是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font才沧，text－align迈喉，li...
