CSS 繼承、層疊、特殊性、格式化排版

繼承、特殊性,層疊,重要性的區分。

  • 繼承是指標簽的樣式可以由子代繼承,但有些標簽是不能繼承的,eg:border。
  • 特殊性指用用權重來確定最后起作用的樣式,id=100,class=10,標簽=1,繼承=0.1;
  • 層疊指當權重相同時,后面的樣式覆蓋前面的樣式。
  • 我們在做網頁代碼的時,有些特殊的情況需要為某些樣式設置具有最高權值,怎么辦?這時候我們可以使用!important來解決。
    p{color:red**!important**;}
    注意:!important要寫在分號的前面

文字排版
body{font-family:"宋體”;} 但是并非body 里面所有的字字體都會改變,button、input 等就不會,需要單獨設置 body{font-size:12px;color:#666}字體字號顏色 p span{font-weight:bold;}粗體 p a{font-style:italic;}:斜體 p a{text-decoration:underline;} 下劃線 p a{text-decoration:line-through;} 刪除線 p {text-indent:2em;} 縮緊兩個字空白 p {line-height:1.5em;} 行高 p {letter-spacing:50px;}中文字間隔、字母間隔(英文是字母與字面的間隔) p {word-spacing:50px;}英文單詞之間的間隔,中文無用 p {text-align:center;}段落排版:對齊(center、left、right)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,101評論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,815評論 1 92
  • 一、繼承 概念:CSS的某些樣式是具有繼承性的,繼承是一種規則,它允許樣式不僅應用于某個特定html標簽元素,而且...
    sophies閱讀 297評論 0 0
  • 本課來自http://www.imooc.com/learn/9請不要用作商業用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,321評論 0 5
  • 我挺苦惱的,我也沒干過什么臟活累活,但洗澡的時候,總是能搓出很多泥。每次總要花一些時間搓泥,看見搓下來的泥,感覺自...
    慧心讀書筆記閱讀 803評論 0 3