免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
筆記:CSS基礎(chǔ)

一、CSS(層疊式樣式表),決定頁(yè)面怎么顯示元素
  1、引入方式:

  • 行內(nèi)樣式,在當(dāng)前標(biāo)簽元素中直接使用 style 的屬性。
  • 內(nèi)嵌方式,在<head>中寫樣式;
  • 外聯(lián)式,<link>引入外部CSS文件;使用@import 在<haed></head> 之間引用。(需要XX.css)

  2、優(yōu)先級(jí):行內(nèi)模式>內(nèi)嵌模式>外鏈?zhǔn)?br>二、CSS語(yǔ)法:
  1、內(nèi)嵌:
    選擇器{屬性1:value1;屬性2:value2;}
      注釋 /* */
    選擇器
    第一種情況:標(biāo)簽名,影響其他同類型的標(biāo)簽;

<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">        div {        color:red;        text-align:center;        }    </style></head><body>    <div>我是黑客</div></body></html>

    第二種情況;id 選擇器

<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">        #hacker        {            color: green;            text-align: center;        }    </style></head><body>    <div id="hacker">我是黑客</div></body></html>

    第三種情況: class ,可以在不同的元素中去使用

<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">        .test        {            color: red;            text-align: center;        }    </style></head><body>    <h1 class="test">這是一級(jí)標(biāo)題</h1>    <p class="test">這是段落</p></body></html>

?

  2、外鏈

  需要XX.css

    例:mystyle.css

        #hacker{            color: red;            text-align: center;        }        
  • <link>:
<!DOCTYPE html><html><head>    <title></title>    <link rel="stylesheet" type="text/css" href="mystyle.css"></head><body>    <div id="hacker">我是黑客</div></body></html>
  • @import
<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">        @import url(css/mysql.css)    </style></head><body>    <div id="hacker">我是黑客</div></body></html>

三、常用樣式:

  • 后背景:backgroup-color backgroup=image
  • 字體:color size text-align(對(duì)齊方式) text-indet(字體)
  • 盒子模型:

    Margin:外邊框
    Border:邊框
    Padding:內(nèi)邊框
    Content:顯示數(shù)據(jù)的地方(文本、圖片等)

<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">        #hacker{            background-color: lightgrey;            width: 300px;            border: 20px solid red;            padding: 10px;            margin: 20px        }    </style></head><body>    <div id="hacker">我是黑客</div></body></html>

效果圖:

?

來源:https://www.icode9.com/content-4-465401.html
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
css 文本,文字豎排
CSS選擇器
html和CSS給文字添加刪除線的三種方法(圖文)
css3學(xué)習(xí)系列之選擇器(一)
9、CSS字體實(shí)例的多種變換
第三章 CSS
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服