CSS自適應樣式表

2021-09-01 20:02:54 字數 562 閱讀 7616

在我們開發的過程中, 使用響應式頁面是, 可能有時候需要pc端和移動端的樣式不一樣,這個時候如果用js的方式 簡單的還可以.多的話就顯得很臃腫 要加很多判斷 響應速度大大降低.這個時候 我們可以使用 css3中的 @media屬性, 

我們先建立乙個html頁面

你好啊

然後引入主樣式表 index.css

.divs
然後再建立移動端響應式樣式表  media.css             @media

@media (max-width: 1105px) 

}

這裡 @media括號內的為響應規範, 表示 如果頁面的寬度小於 1105px 就使用 media.css 這一套樣式表

反之, 如果大於 1105px 則使用 index.css 樣式表

也可以這樣寫

@media (min-width: 768px) and (max-width: 991px)

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

CSS常用樣式表

常用的文字屬性 1.line height 設定行號,常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式,常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...