国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS回顧(基礎知識,元素,選擇器,盒子,顏色)

番茄西紅柿 / 3150人閱讀

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

元素分類:

1.行級元素:內聯元素  inline

特征:內容決定元素所占位置,不可以通過CSS改變寬高

span  strong   em  a  del  

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

div  p  ul  li  ol  form   address

3.行級塊元素:inline-block

特征:內容決定大小,可以改變寬高

選擇器類型(通用的,沒寫那些偽類):

父子選擇器(派生選擇器)

  

    

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

直接子元素選擇器

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

并列選擇器

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

權重值比較:內聯樣式,1000

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

分組選擇器

.demo{}    .red{}

?。〗鉀Q圖片間隔  margin-left:-6px

盒子組成部分:

盒子壁  border

內邊距 padding

盒子內容 width+weigth

 

margin+border+padding+content

顏色:

1.純英文單詞    red,green

2.顏色代碼       #00ff22

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

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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1637.html

相關文章

  • 前端基礎入門二(CSS

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

    Lorry_Lu 評論0 收藏0
  • [譯]HTML&CSS Lesson4: 盒子模型

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

    yzd 評論0 收藏0
  • [譯]HTML&CSS Lesson4: 盒子模型

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

    developerworks 評論0 收藏0
  • JavaWEB開發02——CSS&JS

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

    MorePainMoreGain 評論0 收藏0
  • JavaWEB開發02——CSS&JS

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

    高勝山 評論0 收藏0

發表評論

0條評論

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