個人HTML筆記一917

時間 2019-11-13

標籤個人 html 筆記欄目 HTML 简体版

原文原文鏈接

HTML筆記css

HTML超文本標記語言(HyperText Markup Language)html

<html>佈局

<head>網站

<tiltle>url

這是第一個網站spa

</tiltle>htm

</head>圖片

<body>it

</body>io

</html>

CSS(cascading style sheets)層疊樣式表

功能：爲頁面元素提供顏色大小布局等效果的支持

能夠設置的樣式：

文本樣式圖片樣式背景樣式列表與表格樣式佈局樣式

容器標籤

div標籤 (塊級元素）影響佈局

span標籤（行級元素）不影響佈局

容器設置數據樣式的分類

一、行內樣式直接寫在標籤中，使用style屬性注意樣式也是鍵值對，使用：分隔，各個樣式用；分開樣式語法樣式屬性：值

二、內嵌樣式通常頁面中使用樣式的地方很是多，若是但願經過一個統一的設定，而後讓全部具備某個特徵的元素都具備該樣式，那麼就可使用內嵌樣式語法以下

樣式如

Border:1px;

}

</style>

三、外部樣式

通常一個頁面須要統一的頁面風格，能夠考慮使用同一個CSS樣式，那麼能夠單獨寫一個CSS文件，而後使用link標籤將其引入到頁面中

經典的邊框的樣式是邊框

Bodrder:1px solid red;

使用1個像素寬度的紅色實線

實線： solid

虛線：dashed

電線：dotted

樣式的優先級

就近原則和專注原則（HTML是從上之下從左至右執行）

經常使用的選擇器

基本選擇器

ID選擇器

#id

{

樣式

}

類選擇器

.class

{

樣式

}

標籤選擇器

{

樣式

}

通用選擇器

{

樣式

}

複合選擇器

子代選擇器

父代>子代

{

樣式

}

後代選擇器

祖代後代

{

樣式

}

標籤類選擇器

標籤名.類名

{

樣式注意：帶有該類樣式的標籤才能使用該樣式，其餘的帶有該樣式的標籤不具有該樣式

}

組合選擇器

選擇器，選擇器，選擇器

{

樣式

}

經常使用樣式

文本樣式

Font-size:10px;

Font-weight:bold;

Font-family:華文行楷;

Color:#ff0000;

Text-decoration:underline | overline | line-through

Text-align:left |cemter| right

Line- height: 標準行高的倍數|像素

盒子模型

在頁面中的全部內容都是盒子

頁面上的元素就是盒子堆砌的結果

圖片樣式

邊框與寬度

圖片元素是一個行級元素（span）

display樣式能夠切換元素的塊級顯示或者行級顯示，以及隱藏

Block

Inline

None

背景樣式

Backfround-image:url(地址)

Background-repeat:no-repeat | repeat-X |repeat-Y

Background-position:xy座標|left,center,right,top,bottom,center

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。