HTML/CSS基礎(chǔ)知識總結(jié)
Html頁面
<!doctype html><!-- xml xhtml 聲明 -->
<html>
<head>
<meta charset="UTF-8"> <!--設(shè)置為UTF-8字符集-->
<title>20180810</title> <!--網(wǎng)頁標(biāo)題-->
<!-- 在title內(nèi)部放入圖片 -->
<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">
/* 內(nèi)部調(diào)用CSS樣式,只針對當(dāng)前頁面*/
/*tag標(biāo)簽名、id名(名字前面加 #) class名 屬性選擇器*/
/*標(biāo)記選擇器*/
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}
/*派生選擇器 根據(jù)文檔上下文關(guān)系來定義樣式*/
div a{color: #000;}
#one a{}
</style>
</head>
<body><!-- 內(nèi)聯(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>
總結(jié):
html是一種描述網(wǎng)頁的語言我們稱之為超文本標(biāo)記語言;(它不是編程語言);
在head內(nèi)部必須設(shè)置編碼,一般設(shè)置為uft-8,謹(jǐn)防在頁面顯示的時候出現(xiàn)亂碼情況
同時在head內(nèi)部可以設(shè)置鏈接外部的CSS樣式表和title標(biāo)題img標(biāo)題圖片
標(biāo)簽分為 單標(biāo)簽:img meta link
雙標(biāo)簽/閉合標(biāo)簽: html head title body style div a
屬性選擇器
“.” 表示為CSS選擇器
“#” 表示為ID選擇器
“Body{}”表示為標(biāo)記選擇器(屬性選擇器)
內(nèi)部樣式:
寫在head內(nèi)部 只針對當(dāng)前頁面
外部樣式:
外部樣式 為了共享 注釋 Hmtl中用
在CSS樣式style中 /*注釋*/
猜你喜歡
聯(lián)絡(luò)方式:
電話:18905275581
郵箱:1700970777@qq.com



-
為什么要做定制網(wǎng)站
1、提升企業(yè)形象與品牌價值:在互聯(lián)網(wǎng)時代,網(wǎng)站是企業(yè)的門面,是客戶了解企業(yè)的第*窗口。一個獨(dú)特且專業(yè)的定制網(wǎng)站能夠充分展現(xiàn)企業(yè)的形象和品牌價值,提升客戶對企業(yè)的信任度和好感度。通過定制網(wǎng)站,企業(yè)可以將自身的文化、理念和產(chǎn)品特色融入其中,形成獨(dú)特的...
-
建站選擇服務(wù)器需要注意哪些內(nèi)容
對于企業(yè)網(wǎng)站來說,網(wǎng)站并不代表企業(yè)的后期規(guī)模,但網(wǎng)站的發(fā)展速度、是否安全可靠、網(wǎng)站交易系統(tǒng)停滯等都與服務(wù)器的質(zhì)量有關(guān)。對于企業(yè)來說,我們在選擇服務(wù)器的時候需要注意哪些內(nèi)容呢? 1、選擇品牌的時候,盡量選擇大品牌進(jìn)行購買。運(yùn)營商必須是...
-
網(wǎng)站建設(shè)前為什么要先做網(wǎng)站需求分析?
通常,同一檔次網(wǎng)站建設(shè)產(chǎn)品的功能和性能在提升的同時產(chǎn)品價格卻在下調(diào)。網(wǎng)站建設(shè)選型要突出實(shí)用、好用、夠用的原則,不可能也沒必要實(shí)現(xiàn)所謂”一步到位”。 如果用戶受網(wǎng)站項(xiàng)目長期拖累,遲遲看不到網(wǎng)...
-
選擇靜態(tài)網(wǎng)站制作有什么好處
使用靜態(tài)網(wǎng)站制作可以顯得網(wǎng)站簡單大方,網(wǎng)站打開速度快,方便搜索引擎抓取,降低服務(wù)器壓力,可以使網(wǎng)站加載速度加快,能使用網(wǎng)站穩(wěn)定,做網(wǎng)站推廣時,能提高網(wǎng)站優(yōu)化效果。 做網(wǎng)站要以客戶為中心,網(wǎng)站要能讓客戶看著舒適,客戶要能看到想要看到的...
-
CMS系統(tǒng)在網(wǎng)站建設(shè)中的重要性
1、CMS系統(tǒng)可以降低網(wǎng)站建設(shè)的門檻。傳統(tǒng)的網(wǎng)站建設(shè)需要企業(yè)具備開發(fā)技術(shù)和設(shè)計(jì)能力,這對于普通企業(yè)來說,往往是一項(xiàng)不小的挑戰(zhàn)。然而,在使用CMS系統(tǒng)之后,企業(yè)無需擁有開發(fā)技術(shù)和設(shè)計(jì)能力,只需要選擇一個適合自己的主題,然后通過簡單的操作即可將網(wǎng)站建...