現(xiàn)在小編接著為大家整理,如果有需要的人可以帶走。
一:<img src="1.png" alt="美女"/>
alt是給圖片添加介紹,當(dāng)圖片沒加載出來時,會直接顯示alt的值,在搜索引擎搜索時也可以讓搜索引擎更好的找到這張圖。
二:<a href="css2.ppt">標(biāo)簽下載</a>
當(dāng)href的值是一個文件名或者壓縮包時就會直接出發(fā)瀏覽器的下載功能去下載這個文件。
三:<a href="#id"></a>
錨點(diǎn),百度百科常用。點(diǎn)擊a標(biāo)簽就會跳到對應(yīng)id的位置。
四:群組選擇符
#box1,#box2{}選中id為box1和box2的對象。
五:類選擇符
.class
六:類型選擇符
p{};div{}等
七:樣式優(yōu)先級
1.同級樣式默認(rèn)后者覆蓋前者;
2.優(yōu)先級:類型(1) < class(10) < id(100) < style行間樣式(1000)
八:偽類
偽類用于向被選中元素添加特殊的效果
link:未訪問(默認(rèn));
visited:訪問過后;
hover:鼠標(biāo)經(jīng)過,懸停;
active:鼠標(biāo)點(diǎn)擊。
如果要持續(xù)的讓某個元素有以上效果,寫這四個偽類的順序應(yīng)該如上,visited必須寫在第二,如果寫在最后,訪問之后,根據(jù)同級元素的優(yōu)先級順序,訪問之后的樣式會覆蓋hover和active,這樣會導(dǎo)致無法連續(xù)出現(xiàn)效果。
兼容問題:IE6不支持a以外其他任何標(biāo)簽的偽類;IE6以上的瀏覽器支持所有標(biāo)簽的hover偽類.
九:默認(rèn)樣式重置
有些標(biāo)簽會自帶一些padding,margin等樣式,在開發(fā)之前,最后清除這些默認(rèn)樣式。清除的時候最好不要用通配符來清除,因?yàn)槟菢有蕰艿汀?br/> 十:塊元素和內(nèi)嵌元素
塊的特征:
1.默認(rèn)獨(dú)占一行;
2.沒有寬度時默認(rèn)撐滿一行;
3.支持所有css命令;
內(nèi)嵌的特征:
1.同類的標(biāo)簽可以在同行顯示;
2.支持撐開寬度;
3.不支持寬高;
4.不支持上下的margin和padding;
5.代碼換行的話中間會有一個空格.
十一:display
通過display可以改變塊和內(nèi)嵌屬性。
display:block;
display:inline;
display:inline-block
特性:
1.塊在一行顯示;
2.行內(nèi)元素支持寬高;
3.沒有寬度的時候內(nèi)容撐開寬度。
兼容問題:代碼換行會出現(xiàn)空格;ie6,ie7不支持塊屬性標(biāo)簽的inline-block;
小編先整理到這,到目前為止,小編整理的已經(jīng)有一些知識點(diǎn)了,不知道你是否真的看懂了,真的明白,真的會運(yùn)用了么?
免費(fèi)學(xué)習(xí)課堂
- 免費(fèi)推廣知識
- 競價推廣知識
- 新媒體營銷知識
- 網(wǎng)站運(yùn)營知識
- 網(wǎng)站設(shè)計(jì)知識
- 網(wǎng)站建設(shè)知識
- Web前端知識
- 軟文營銷知識
- 網(wǎng)站策劃知識
- 整合營銷
推薦文章
為前端新人學(xué)習(xí)整理的筆記-------html/css/js基礎(chǔ)知識點(diǎn)(二)
來源:北京匯仁智杰科技有限公司 時間:2016-04-14 點(diǎn)擊: 次
推薦文章
- 織夢dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號過度營銷 對嚴(yán)重違2016-01-26
- SEO優(yōu)化過程要避免什么?2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營銷2016-01-26
- WEB前端項(xiàng)目開發(fā)中需注意的細(xì)節(jié)2016-01-26
- 低價網(wǎng)站建設(shè)的危害有哪些?2016-01-15
- 如何詳細(xì)的分析你網(wǎng)站的競爭對手2015-06-10
- 網(wǎng)站設(shè)計(jì)中四個常犯的錯誤2015-01-22
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩?2015-01-22