Css技術選擇器的應用解析和編碼問題怎么解決

發布時間：2022-03-10 16:51:04 來源：億速云閱讀：146 作者：iii 欄目：web開發

這篇文章主要介紹了Css技術選擇器的應用解析和編碼問題怎么解決的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇Css技術選擇器的應用解析和編碼問題怎么解決文章都會有所收獲，下面我們一起來看看吧。

1、ID選擇器與類選擇器優先級

ID選擇器優先

2、CSS文件中編碼問題

1）要么就刪除，默認就是編輯器的編碼

2）有的瀏覽器不識別，在編碼后加上“;”

3、屬性和樣式是否正確

直觀的辦法就是保存運行，看看是否是正確；如果不正確

1）大膽的去嘗試；

2）找到對應的標簽，把行內樣式抽取成內嵌或外鏈，絕對沒錯。

4、定位原點：

1）所有的元素都在BODY中顯示，那么body的原點就是最左上角(0px,0px)

2）其他元素放到容器，那么這個容器的最左上角就是該容器的原點

3）在BODY中的標簽相對于BODY定位是該標簽的最左上角相對于BODY原點的x，y坐標為準

背景設置與盒子模型

一、寬(width)高(height)度設置：

1、行內元素與塊元素的區別

寬高度設置對于有些行內元素無效；圖片、表格有效；網頁中使用的圖片比較多，建議控制圖片寬高度，以便控制顯示內容大小（圖片會縮放，最好按等比例來設置，否則會變形）。

2、指定像素與百分比

一般情況下行內樣式需要設置寬度的單位，比如說像素px（pixel）；設置寬度為百分比可以固定寬度，比如塊元素DIV，寬度不設置為100%，高度為0px(或內容的高度)，以單位值固定的寬高度的標簽內容超出不會在容器內顯示。

二、背景（background）：

背景色Background-color

背景圖片 background-image:url(圖片路徑); 默認會水平、垂直方向重復

Url：統一資源定位符，就是資源的地址。

注意外鏈樣式盡量不要使用圖片背景，非要使用可以使用服務器根目錄定位。

背景重復 background-repeat: no-repeat repeat-x repeat-y

背景吸附 background-attachment:scroll (默認，隨對象滾動) fixed（固定）

<body style="background-image:url('1.jpg'); background-repeat:no-repeat;

background-attachment:fixed; height:1500px;">

asfasdfasdfsadfdsfa

</body>

背景定位 background-position:top center bottom left right x y（用于一張圖片背景定位，容器不動背景圖像移動！！！），例如一張圖片背景定位

background-size:cover可以讓背景圖片拉伸，但是要求IE8以上版本！！！

關于“Css技術選擇器的應用解析和編碼問題怎么解決”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“Css技術選擇器的應用解析和編碼問題怎么解決”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本