成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS回顧（基礎知識，元素，選擇器，盒子，顏色）

番茄西紅柿 / 3176人閱讀

摘要：元素分類行級元素內(nèi)聯(lián)元素特征內(nèi)容決定元素所占位置，不可以通過改變寬高塊級元素特征獨占一行，可以通過改變寬高行級塊元素特征內(nèi)容決定大小，可以改變寬高選擇器類型通用的，沒寫那些偽類父子選擇器派生選擇器有父子關系的幾個元素組成的選擇器，下的所有

元素分類：

1.行級元素：內(nèi)聯(lián)元素  inline

特征：內(nèi)容決定元素所占位置，不可以通過CSS改變寬高

span  strong   em  a  del  

2.塊級元素：block特征：獨占一行，可以通過CSS改變寬高

div  p  ul  li  ol  form   address

3.行級塊元素：inline-block

特征：內(nèi)容決定大小，可以改變寬高

選擇器類型（通用的，沒寫那些偽類）：

父子選擇器（派生選擇器）

　　

　　　　

div em {margin:0px}  有父子關系的幾個元素組成的選擇器，div下的所有em子孫

直接子元素選擇器

div>em { margin:0  }   表示的是div下的直接子元素

并列選擇器

div.red{ color:green }   表示并列關系

權重值比較：內(nèi)聯(lián)樣式，1000

id :100 class:10 標簽:1  *:0  ，!important是無窮大權重,但是如果!important+1則要更大

分組選擇器

.demo{}    .red{}

！！解決圖片間隔  margin-left:-6px

盒子組成部分：

盒子壁  border

內(nèi)邊距 padding

盒子內(nèi)容 width+weigth

 

margin+border+padding+content

顏色：

1.純英文單詞    red,green

2.顏色代碼       #00ff22

3.顏色函數(shù)　　rgb(00,ff ,ff)

rgb()表示光的三原色，red, green ,blue

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/1637.html

相關文章

  • 前端基礎入門二（CSS）

    摘要：輸入的時候少按一個鍵瀏覽器兼容問題比如使用的選擇器命名，在是無效的能良好區(qū)分變量命名變量命名是用不要純數(shù)字中文等命名，盡量使用英文字母來表示。選擇器和類選擇器最大的不同在于使用次數(shù)上。當需要設置英文字體時，英文字體名必須位于中文字體名之前。 回顧上一節(jié)HTML 思維導圖 showImg(https://segmentfault.com/img/bVbno3O?w=1378&h=1178...

    Lorry_Lu 評論0 收藏0

  • [譯]HTML&CSS Lesson4: 盒子模型

    摘要：而內(nèi)聯(lián)元素會并排顯示，寬度緊隨內(nèi)容變化而變化。但元素又按照內(nèi)聯(lián)元素顯示，不會另起一行。這種情況下，只能指定非內(nèi)聯(lián)元素的屬性值。如下是為非內(nèi)聯(lián)元素設置寬度的例子高度元素的默認高度取決于它的內(nèi)容。 現(xiàn)在我們已經(jīng)熟悉了HTML和CSS。了解了它的基礎?，F(xiàn)在我們來更深入的了解元素在頁面中的呈現(xiàn)和大小。 在這節(jié)課中，我們將會討論什么是盒子模型，它的工作模式是怎樣的。我們也會在課程中學習一些新的C...

    yzd 評論0 收藏0

  • [譯]HTML&CSS Lesson4: 盒子模型

    摘要：而內(nèi)聯(lián)元素會并排顯示，寬度緊隨內(nèi)容變化而變化。但元素又按照內(nèi)聯(lián)元素顯示，不會另起一行。這種情況下，只能指定非內(nèi)聯(lián)元素的屬性值。如下是為非內(nèi)聯(lián)元素設置寬度的例子高度元素的默認高度取決于它的內(nèi)容。 現(xiàn)在我們已經(jīng)熟悉了HTML和CSS。了解了它的基礎。現(xiàn)在我們來更深入的了解元素在頁面中的呈現(xiàn)和大小。 在這節(jié)課中，我們將會討論什么是盒子模型，它的工作模式是怎樣的。我們也會在課程中學習一些新的C...

    developerworks 評論0 收藏0

  • JavaWEB開發(fā)02——CSS&JS

    摘要：今日目標使用完成網(wǎng)站首頁的優(yōu)化使用完成網(wǎng)站注冊頁面的優(yōu)化使用完成簡單的數(shù)據(jù)校驗使用完成圖片輪播效果教學目標了解的概念了解的引入方式了解的基本用法和常用的選擇器了解的盒子模型，懸浮和定位了解的概念掌握的基本語法，數(shù)據(jù)類型，能夠使用完成簡單的頁 今日目標 使用CSS完成網(wǎng)站首頁的優(yōu)化 使用CSS完成網(wǎng)站注冊頁面的優(yōu)化 使用JS完成簡單的數(shù)據(jù)校驗 使用JS完成圖片輪播效果 教學目標： 了解...

    MorePainMoreGain 評論0 收藏0

  • JavaWEB開發(fā)02——CSS&JS

    摘要：今日目標使用完成網(wǎng)站首頁的優(yōu)化使用完成網(wǎng)站注冊頁面的優(yōu)化使用完成簡單的數(shù)據(jù)校驗使用完成圖片輪播效果教學目標了解的概念了解的引入方式了解的基本用法和常用的選擇器了解的盒子模型，懸浮和定位了解的概念掌握的基本語法，數(shù)據(jù)類型，能夠使用完成簡單的頁 今日目標 使用CSS完成網(wǎng)站首頁的優(yōu)化 使用CSS完成網(wǎng)站注冊頁面的優(yōu)化 使用JS完成簡單的數(shù)據(jù)校驗 使用JS完成圖片輪播效果 教學目標： 了解...

    高勝山 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<