css 一 之網頁概述

2021-10-02 10:29:19 字數 1012 閱讀 2271

css三大特性

html用於介面布局,css用於美化介面。css最大的價值是結構與樣式相分離。

選擇器將css寫到html內部,將css**抽取出來,單獨放入style標籤中。

>

divstyle

>

可以控制整個html介面的樣式,**結構清晰。

元素內部style屬性直接設定樣式。

style

="color

:red;

font-size

:12px;

">

div>

修改指定標籤,應用範圍比較小。

單獨寫個css檔案,之後把css引入html介面中。

步驟:在外部建立乙個css檔案,寫入樣式。

div

使用link標籤進行引入。

rel=

"stylesheet"

href

="css檔案路徑"

>

link

>

相同選擇器設定相同的樣式,此時乙個樣式就會覆蓋另乙個衝突的樣式。層疊性主要解決樣式衝突的問題。

原則:子標籤會繼承父標籤的某些樣式。

font

:12px/1.5 microsoft yahei;

如果子元素沒有設定行高,則會繼承父元素的行高為1.5。

此時子元素的行高是:當前子元素的大小*1.5。

選擇器選擇器權重

繼承或者 *

0,0,0,0

元素選擇器

0,0,0,1

類選擇器

0,0,1,0

id選擇器

0,1,0,0

行內樣式

1,0,0,0

important 重要的

無窮大

CSS網頁製作技巧之控制網頁背景

我想大家常常為一些比較合適於自己的網頁背景的而發愁吧,這個我想也是有的,因為這些不是太大就是太小,或者太亂,那麼有沒有辦法讓能合自己的主頁的胃口呢?答案是肯定的。想知道怎麼來實現嘛,好吧,大家現在開始跟著我做,我保證大家一定一學就會。不過,我想在網上 成家 的朋友一般分為在網咖裡 開業 就像我一樣,...

《網頁開發手記》學習筆記之HTML概述

從今天開始,就要正式學習web前端的入門知識了,很早就想學習這一塊的知識了,但一直苦於沒有時間。如今是逼不得已了,各面試單位都要求會點前端技術,所以趁著還有乙個多月的時間,努力一下。tcp ip協議是網際網路的基礎,包括tcp,ip,udp,icmp等。當前internet上的資料都是通過tcp i...

CSS系列之編輯網頁文字 二

lang en charset utf 8 演示css編輯網頁文字title type text css div 段落的排版 p 超連結被訪問前的狀態 a link 滑鼠懸浮在超連結之上的樣式 a visited 滑鼠按下時,超連結的樣式 a hover a active body style he...