中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS樣式表與格式布局的示例分析

發布時間:2021-09-16 16:23:39 來源:億速云 閱讀:111 作者:小新 欄目:移動開發

小編給大家分享一下CSS樣式表與格式布局的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

樣式表

CSS(Cascading Style Sheets  層疊樣式表),作用是美化HTML網頁。

內聯樣式表: 例:<p style="font-size:10px;">內聯樣式表<p>

內嵌樣式表:必須寫在head標簽里  

例:<style type="text/css">

p

{ 樣式;}

</style>hei

外部樣式表:新建一個CSS文件用來放置樣式表 在HTML中 右鍵--CSS樣式--附加樣式表

例:<style type="text/css">

*

{ margin:0px; padding:0px;}   //網頁邊距為0像素 字體間距為0像素

.mian   //class選擇器         <div class="mian"></div>// 調用class樣式表

{

height:40px;

width:100px;

text-align:center;

background-coloe:red;

}

#mian//ID 選擇器         <div id="mian"></div>  //調用ID選擇器

{

height:40px;

width:100px;

text-align:center;

background-coloe:red;

}

</style>

復合選擇器:(1)P,span  用,隔開 表示兩個標簽并列 具有同樣的樣式

(2)mian  P   用空格隔開 表示后代

(3)mian.p   用“.”隔開 表示mian標簽中的p標簽

樣式屬性中  例如:margin:20px 0px 20px 0px   表示邊框的寬度分別為上20像素  右0像素  下20像素  左0像素  順序為順時針 上-右-下-左

格式布局

鎖定位置(相對瀏覽器的位置  即不管瀏覽器怎么滾動 窗口相對瀏覽器位置不變)  position:fixed;

絕對位置與相對位置
(1)如果外層沒有absolute(或者relative) 那么div 相對瀏覽器定位 

(2)如果外層有absolute(relative) 那么div相對于外層邊框定位 position:absolut;(絕對位置)    position:relative;(相對位置)

分層:如果想要頁面上某一標簽總是最上顯示 則需要設置z的值  如:z-index:2;  //z的值為2 則在上層顯示  不更改默認為1 都在同一層

常見超鏈接style    定義是的順序為  L --v--h--a

a:link        超鏈接被點擊之前狀態

a:visited   超鏈接點擊后狀態

a:hover    鼠標懸停在超鏈接時

a:active    點擊超鏈接時

以上是“CSS樣式表與格式布局的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

高碑店市| 东平县| 平山县| 晋州市| 平顺县| 淮滨县| 连江县| 扎兰屯市| 黄山市| 广西| 民乐县| 新郑市| 武强县| 始兴县| 南汇区| 昌宁县| 西乌珠穆沁旗| 通道| 临清市| 得荣县| 海晏县| 长岛县| 沐川县| 曲松县| 镇原县| 长治市| 辽阳县| 阳高县| 石楼县| 奉化市| 灌云县| 卢湾区| 盘锦市| 竹北市| 德钦县| 斗六市| 鹤壁市| 抚松县| 漾濞| 永州市| 泗阳县|