當(dāng)前位置：首頁 > news >正文

網(wǎng)站后臺管理是什么網(wǎng)絡(luò)seo公司

news 2025/7/11 4:09:55

網(wǎng)站后臺管理是什么,網(wǎng)絡(luò)seo公司,河南省建設(shè)廳專業(yè)業(yè)務(wù)系統(tǒng)網(wǎng)站,建設(shè)銀行嘉興分行官方網(wǎng)站一.初識CSS： CSS中文稱層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。 1）每個CSS樣式由兩部…

一.初識CSS：

CSS中文稱層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。?

1）每個CSS樣式由兩部分組成，即選擇符和聲明，聲明又分為屬性和屬性值

2）屬性必須放在花括號中，屬性與屬性值用冒號鏈接

3）每條聲明用分號結(jié)束

4）當(dāng)一個屬性具有多種屬性值時，屬性與屬性值不分先后順序

選擇符{
? ? ? ? ? ? ? ? ?屬性1：屬性值1;
? ? ? ? ? ? ? ? ?屬性2：屬性值2;
? ? ? ? ? ? ? ? ?...
}

二.CSS的使用方法：

根據(jù)CSS樣式書寫的樣式（使用方式）的不同，CSS樣式表可分為三種：

為方便講解，下述都以改變字體顏色為例子，同時也改善使用HTML改變字體樣式復(fù)雜的問題

1.內(nèi)部樣式表（嵌入式)：

內(nèi)部樣式表是寫在html??內(nèi)部，是將所有的CSS代碼抽取出來，單獨(dú)放到?個?<style>?標(biāo)簽中，例如：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><style>h1{color:blue;}</style><h1>111111111</h1><h1>111111111</h1><h1>111111111</h1>
</body>
</html>

我們嘗試運(yùn)行上述代碼

?我們發(fā)現(xiàn)字體的顏色真的改變了，另外為了以后書寫多行代碼方便使用，我們通常將CSS部分放在<head>標(biāo)簽中，同時也是不搶占HTML的地盤，如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>h1{color:blue;}</style>
</head>
<body></body>
</html>

通過這種方式我們可以方便的控制整個頁面的元素樣式設(shè)置

2.行內(nèi)樣式表（內(nèi)聯(lián)樣式表）：

?內(nèi)樣式表是在元素標(biāo)簽內(nèi)部的<style>屬性中設(shè)定CSS樣式,例如：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1 style="color:aqua">111111</h1>
</body>
</html>

我們嘗試運(yùn)行上述代碼

注：1）<style>其實(shí)是標(biāo)簽屬性

? ? ? ? 2）雙引號中間遵循CSS寫法規(guī)范

3.外部樣式表：

但我們書寫的代碼行極多的時候，為方便我們更改修飾方式，我們通常為CSS單獨(dú)建立一個文件，將樣式單獨(dú)寫到CSS?件中，之后把CSS?件引?到HTML??中使?

引入方式：<link rel="stylesheet" href="css??件路徑?">

我們新建一個文件夾，設(shè)置擴(kuò)展名為.CSS,在CSS文件下寫好我們修飾的代碼，例如：

h1{color: aqua;
}

接著我們回到.html中，寫好我們的代碼及引入方式，例如：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="class.css">
</head>
<body><h1>1111111111</h1>
</body>
</html>

我們嘗試運(yùn)行上述代碼