css復習

不一定要記到繁多的樣式。實際上只要通過輔助工具就可以了准脂。
樣式規(guī)則選擇器:
HTML元素選擇器
Class選擇器
Id選擇器
關聯(lián)選擇器
組合選擇器
偽元素選擇器
樣式規(guī)則的注釋鞍帝。樣式屬性:
CSS的樣式屬性分類久又,大概可以分為以下幾類:
字體,背景励两,文本黎茎,位置,布局当悔,邊緣傅瞻,列表。其它盲憎。
與字體相關的屬性:主要包括字體大小嗅骄,顏色,樣式饼疙。
font-family:字體的名稱溺森。值可以設置多個字體名稱,當用戶瀏覽器無法識別第一種字體時,就會使用第二種字體或更后面的屏积。
font-size:絕對大小的設置:small,x-small,xx-small,medium,large,x-large,xx-large.xx-small為最小值医窿,xx-large為最大值。相對大小設為larger,smaller.
font-style:用來定義字體的樣式是斜體還是正常字體炊林。分別是italic,normal.
text-decoration: 用于在文本中添加下劃線姥卢,中劃線,上劃線等效果渣聚《懒瘢可以設置多個值,多個值要用空格隔開奕枝。underline,overline,line-throw.none.
font-weight:用于指示粗體字的大小括眠。bolder,lighter.
font-variant:small-caps大寫字母。
text-transform:字母的大小寫轉換倍权。首字母大寫,或全部大寫捞烟。全部小寫薄声。
color:
CSS中的背景屬性:背景顏色,圖像题画。
background-color:
background-image:url(" ");
background-repeat:表示背景圖像重復或者重復的方式默辨。取值可以如下:no-repeat,repeat,repeat-x,repeat-y.
background-attachment:用于確定背景圖像是不是隨鼠標的滾動而滾動。fixed,scroll.
background-position:圖像的水平位置和垂直位置苍息。left,right,center,bottom,top,center,20px.
文本屬性:距離缩幸,對齊,上標竞思,下標表谊。
word-spacing:單詞間的間距。
letter-spacing:用來設置每個字符的間距盖喷。
vertical-align:sub下標爆办,super上標,top,middle,bottom.相對于行高元素的百分比课梳。
text-align:水平對齊距辆,left,right,center,justify
text-indent:
white-space:如何處理文本中的空白字符。它的取值可以如下:normal,pre,nowrap.
line-height:行高暮刃】缢悖可以是精確的數(shù)字,也可以是百分比椭懊。
CSS濾鏡(Filter)
Filter是CSS提供的一種用于產生多媒體效果的屬性诸蚕,使用這種技術可以把效果添加到網頁中,對于視覺是很有用的。
首先根據下列的HTML代碼體會Filter的作用:
<div style="width:120;height:40;background-color:red;filter:Alpha(Opcity=80) Blur(Add=5,Direction=135)">
<div style="width:120;height:40;background-color:red;filter:Alpha(Opcity=80) Blur(Add=5,Direction=135) FlipV">
<div style="width:120;height:40;background-color:red;filter:Alpha(Opacity=80) Blur(Add=5,Direction=135) FlipV">資訊次序網
1111</div>
下面來看看其各個參數(shù)的作用:
Alpha說明一個元素與背景混合的程度挫望,透明度立润。
Alpha(Opacity=?透明度級別0-100,Finishopacity=?漸變的透明效果,用來指示結束時的透明度,style=?透明的樣式可以為0.1.2.3,startx=?漸變透明效果的X坐標,starty=?漸變透明效果的Y坐標,finishx=?;finishy=?);
BlendTrans(Duration=?)這個參數(shù)用于設置淡入和淡出的效果媳板。Duration設置淡入淡出的時間值桑腮。
Blur(Add=?是否是在單個方向上糊糊,Direction=蛉幸?模糊的方向破讨,45的整數(shù)倍,Strength=?有多少個像素的寬度受到模糊的影響)用于設置模糊的效果奕纫。
Chroma(Color=提陶?)將某種顏色設為透明,即是過濾掉某種顏色匹层。
DropShadow(Color=?,offx=?水平偏移量,offy=?,Position=?布爾值隙笆,為真時建立外部陰影。)用于建立陰影效果升筏。
FlipH:將元素水平方向上翻轉撑柔。
FlipV:將元素垂直方向上翻轉。
Gray:去年圖像色彩
Xray:用于設置圖像的輪廓您访、
Invert:翻轉圖像顏色铅忿,。
Light:用于設置光圓效果灵汪。
Glow(color=?,strength=?)用于設置元素邊緣產生發(fā)光的效果檀训。
Mask(color=?)用于在元素表面上覆蓋一個透明的遮照。就像帶著有色眼鏡去看物體的效果一樣享言。
RevealTrans(Duration=?切換的時間峻凫,Transition=?切換的方式,可以從0到23之間的一個數(shù)字览露。)用于建立初始狀態(tài)的轉換效果蔚晨。
Shadow(Color=?肛循,Direction=?铭腕。)用于建立另一種陰影效果。
Wave(Add=?設置原對象是不是按照波紋的效果扭曲多糠。非零表示扭曲累舷。,F(xiàn)req=?波紋的頻率夹孔。,LightStrength=?波紋效果的光照強度被盈,0到100析孽,Strength=?波浪的搖擺幅度。只怎。,Phase=?)用于在元素上顯示一種波紋的效果袜瞬。
最后,我為大家提供一些學習上的建議:
HTML標簽身堡,CSS屬性邓尤。使用工具軟件來實現(xiàn)。但是知道有哪些標簽可用贴谎,以及各個標簽的作用汞扎。還是必要的。否則你對工具軟件的應用只能不知所以然擅这。用的多了澈魄。就會記住。常時間不用仲翎,自然會忘記痹扇。
苦干不如巧干,最聰明的是最會用工具的人溯香。
要查找一些幫助資料來補回一些忘記的知道帘营,而不是死記硬背。
查看優(yōu)秀網頁的源代碼逐哈。
在當前網頁中獲取CSS文件和JavaScript文件的方法:
如果是外部文件,那么就把它的地址復制到地址欄上问顷,瀏覽器會自動下載這個文件昂秃。
如果表格中的有一個單元格特別長,全部由字母組成杜窄,瀏覽器會增加表格的寬度肠骆,無論怎么設置,瀏覽器都不會根據表格寬度自動的換行塞耕。通過設置<td>標簽的word-break,word-wrap.自動顯示蚀腿。
CSS的位置屬性:
就是指定元素的位置,它可以用來控制任何元素在瀏覽器窗口中的位置扫外。對網頁元素進行定位控制莉钙。包括下面屬性:
Position:定位方式。用于設置CSS的定位方式筛谚〈庞瘢可以取如下值:
absolute:絕對定位,精確的將元素定位在頁面上的某個位置驾讲,而不考慮其他元素的位置蚊伞。
relative:相對定位席赂,相對于元素通常位置的一個偏移量。
static::通用的定位方式时迫。
left:用來設置元素左邊的屬性颅停。
top:用來設置元素頂部的屬性。
width:用于設置元素的寬度掠拳。
height:元素顯示的高度癞揉。
Z-index:元素的層疊順序。
邊緣屬性:
margin屬性:用于設置元素的邊界碳想。
margin-right.
margin-top,
margin-left.
margin-bottom.
padding屬性:用來設置元素邊界與內容之間的空隙大小烧董。
padding-top
padding-right
padding-left
padding-bottom
border-width屬性:用來設置元素的邊框的寬度。
border-top-width
border-bottom-width
border-right-width
border-left-width
border-color屬性:用來設置元素邊框的顏色胧奔。
border-right-color
border-left-color
border-top-color
border-bottom-right
border-style屬性:用來設置邊框的樣式逊移。
border-top-style
border-right-style
border-left-sstyle
border-bottom-style
它的設置值可以取如下樣式:dotted點線,none,dashed,solid,double,groove,ridge,inset,outset.
列表屬性:
list-style-type:用于指示列表目標項標記的類型。設置值有很多龙填。disc實心圓胳泉。
list-style-image:目錄列表項的圖像。
list-style-position:用來指示列表項是顯示在文本內岩遗,還是顯示在文本外扇商。inside,outside.
其它的屬性:
Cursor:用于指示當鼠標移動到上面的時候,光標的形狀宿礁。
取值有很多案铺,hand手形。
filter:濾鏡特效梆靖。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末控汉,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子返吻,更是在濱河造成了極大的恐慌姑子,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件测僵,死亡現(xiàn)場離奇詭異街佑,居然都是意外死亡,警方通過查閱死者的電腦和手機捍靠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門沐旨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人榨婆,你說我怎么就攤上這事希俩。” “怎么了纲辽?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵颜武,是天一觀的道長璃搜。 經常有香客問我,道長鳞上,這世上最難降的妖魔是什么这吻? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮篙议,結果婚禮上唾糯,老公的妹妹穿的比我還像新娘。我一直安慰自己鬼贱,他們只是感情好移怯,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著这难,像睡著了一般舟误。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上姻乓,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天嵌溢,我揣著相機與錄音,去河邊找鬼蹋岩。 笑死赖草,一個胖子當著我的面吹牛,可吹牛的內容都是我干的剪个。 我是一名探鬼主播秧骑,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼扣囊!你這毒婦竟也來了乎折?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤如暖,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后忌堂,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體盒至,經...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年士修,在試婚紗的時候發(fā)現(xiàn)自己被綠了枷遂。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡棋嘲,死狀恐怖酒唉,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情沸移,我是刑警寧澤痪伦,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布侄榴,位于F島的核電站,受9級特大地震影響网沾,放射性物質發(fā)生泄漏癞蚕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一辉哥、第九天 我趴在偏房一處隱蔽的房頂上張望桦山。 院中可真熱鬧,春花似錦醋旦、人聲如沸恒水。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钉凌。三九已至,卻和暖如春箩张,著一層夾襖步出監(jiān)牢的瞬間甩骏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工先慷, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留饮笛,地道東北人。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓论熙,卻偏偏與公主長得像福青,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子脓诡,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案无午? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,728評論 1 92
  • 內容簡述 關于CSS,確實太繁雜了祝谚,內容多宪迟。寫好不易,基本上就這個調了交惯。大家肯定聽過CSS奇淫技巧吧次泽,關于這個我還...
    lifeColder閱讀 569評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font席爽,text-align意荤,li...
    wzhiq896閱讀 1,731評論 0 2
  • 花開有時 花落有聲 在茫茫人海中 追尋那一縷光 奔著晨曦 踏著朝陽 尋找那心中的殿堂。
    可可熊Q閱讀 273評論 2 1
  • 那年只锻,她的身體開始發(fā)育玖像,她傻傻地在室友的幫助下第一次穿上了胸衣,第一次穿上了淺綠色的半高跟涼鞋齐饮,第一次因為穿上白色...
    小主正紅閱讀 278評論 1 1