css一些筆記

2021-07-30 21:34:01 字數 862 閱讀 4553

文章大部分借鑑  明凱部落格  中    在此宣告

css全稱「層疊樣式表」或"級聯樣式表",簡稱css樣式表。是對文字樣式的編輯語言。引入方法彙總如下:

1 .內聯樣式表

a.把樣式表規則放在 < head> 和 < /head> 的中間,從而使樣式表對整個當前 html 頁面產生作用。

b.直接插入方式,寫在hmtl 頁面中某乙個標誌裡面,規定其風格樣式,比如:< table style=" font-size:10px; color:blue;">。

2.外部樣式表

< link rel=stylesheet href="example.css"> 

< link rel=stylesheet href="style/other.css">

首先鏈結的 example.css 作為該文件預設樣式表,當樣式定義產生衝突時,應當首先滿足前者。

b.使用 @import 匯入樣式表資訊

使用 @import 命令用以把外部樣式表資訊匯入頁面中,它是存在於在 < style> 和 < /style> 標記中的。例如:

< style type="text/css"> 

@import "example.css";

@import "style/other.css";

< /style>

關於衝突問題

幾種樣式的設定過程中很容易引起衝突,應考慮優先順序問題。理解起來就是,具體覆蓋抽象,如:

id='x'>

class='class1'>titleh1>

#class1       .x       h1

那麼最後網頁上文字title的字型大小與.x相同

CSS 一些原則

優化你的css 所謂高效的css就是讓瀏覽器在查詢style匹配的元素的時候盡量進行少的查詢,下面列出一些我們常見的寫css犯一些低效錯誤 1 不要在id選擇器前使用標籤名 一般寫法 div divbox 更好寫法 divbox 解釋 因為id選擇器是唯一的,加上div反而增加不必要的css匹配。2...

CSS一些總結

1.display block 塊元素,預設寬度為100 可以設定元素的寬高,預設佔滿一行。塊元素包括div,h1 h6,form,table,ul,ol等 inline 行內元素,預設寬度為內容的寬度,width和height對inline元素無效,margin top和bottom對行內元素無效...

一些css樣式

1.color 顏色 2.font size 字型大小 3.font family 字型型號 4.font style 字型樣式 斜體等 5.font weight bold字型加粗 bolder更粗 6.text decoration underline下劃線 overline上劃線 none b...