国产在线播放成人午夜精品|精品人妻无码视频中文|国产日韩亚洲一区二区|综合国产日韩欧美

HTML/CSS基礎知識總結

2018-09-03 10:28:51 來(lái)源： 揚州市新竹網(wǎng)絡(luò )科技有限公司
在WEB中，HTML和CSS的布局是比不可少的。其中不同標簽和屬性的使用方法及作用與網(wǎng)站頁(yè)面緊密關(guān)聯(lián)。
Html頁(yè)面
<!doctype html><!-- xml xhtml 聲明 -->

<html>

<head>

<meta charset="UTF-8"> <!--設置為UTF-8字符集-->

<title>20180810</title> <!--網(wǎng)頁(yè)標題-->

<!-- 在title內部放入圖片 -->

<link rel="shortcut icon" type="image/x-icon" href="images/footlogo.png">

<!-- 鏈接外部css樣式表  外部樣式：為了共享 --> 

<link rel="stylesheet" href="css/style.css" type="text/css" >

<style type="text/css">

/* 內部調用CSS樣式,只針對當前頁(yè)面*/

/*tag標簽名、id名(名字前面加 #) class名  屬性選擇器*/

/*標記選擇器*/

body{} 

/*屬性選擇器*/

a[href="https://www.baidu.com/"]{color:red}

/*CSS選擇器*/

.top{ 

width:150px;

height:150px;

background-color:#00FFFF;

}

/*ID選擇器*/

#one{           

width:100px;

height:100px;

background: pink;

}

a{color:red}

/*派生選擇器 根據文檔上下文關(guān)系來(lái)定義樣式*/

        div a{color: #000;}

        #one a{}

</style>

</head>

<body><!-- 內聯(lián)樣式 style="background: #F5F5DC;"-->

<img src="" alt="">

<div class="top">

<a href="https://www.baidu.com/">百度</a><!--a鏈接,鏈接到百度-->

</div>

<div id="one">

<a href="">新竹網(wǎng)絡(luò )</a>

</div>

<a href="http://www.xinz56.cn/">新竹網(wǎng)絡(luò )</a><!--鏈接到外部文件-->

</body>

</html>
總結：
html是一種描述網(wǎng)頁(yè)的語(yǔ)言我們稱(chēng)之為超文本標記語(yǔ)言；（它不是編程語(yǔ)言）；
在head內部必須設置編碼,一般設置為uft-8，謹防在頁(yè)面顯示的時(shí)候出現亂碼情況
同時(shí)在head內部可以設置鏈接外部的CSS樣式表和title標題img標題圖片
標簽分為 單標簽：img  meta  link
雙標簽/閉合標簽: html  head  title  body  style  div  a
屬性選擇器
“.” 表示為CSS選擇器
“#” 表示為ID選擇器
“Body{}”表示為標記選擇器（屬性選擇器）
內部樣式：
寫(xiě)在head內部 只針對當前頁(yè)面
外部樣式：
外部樣式 為了共享 注釋 Hmtl中用
在CSS樣式style中 /*注釋*/  
本站文章均為新竹網(wǎng)站建設摘自權威資料，書(shū)籍，或網(wǎng)絡(luò )原創(chuàng )文章，如有版權糾紛或者違規問(wèn)題，請即刻聯(lián)系我們刪除，我們歡迎您分享，引用和轉載，我們謝絕直接復制和抄襲！感謝...
我們猜你喜歡
国产在线播放成人午夜精品|精品人妻无码视频中文|国产日韩亚洲一区二区|综合国产日韩欧美