溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了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（用于一張圖片背景定位，容器不動背景圖像移動！！！），例如一張圖片背景定位
<div style="width:100px; height:100px; background-image:url(1.jpg); background-repeat:no-repeat; border:1px solid black; background-position:-201px -236px;"></div>
background-size:cover可以讓背景圖片拉伸，但是要求IE8以上版本！！！
關于“Css技術選擇器的應用解析和編碼問題怎么解決”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“Css技術選擇器的應用解析和編碼問題怎么解決”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
