亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

CSS學(xué)習(xí)筆記(一)——CSS基礎(chǔ)&選擇器合集

2020-3-15    前端達(dá)人

CSS介紹

整理完了HTML的筆記,接下來就是CSS了。我們可以使用HTML構(gòu)建穩(wěn)定的結(jié)構(gòu)基礎(chǔ),而頁面的風(fēng)格樣式控制則交給CSS來完成。網(wǎng)頁的樣式包括各種元素的顏色、大小、線形、間距等等,這對(duì)于設(shè)計(jì)或維護(hù)一個(gè)數(shù)據(jù)較多的網(wǎng)站來說,工作量是巨大的。好在可以使用CSS來控制這些樣式,這將大大提高網(wǎng)頁設(shè)計(jì)和維護(hù)的效率,并且使網(wǎng)頁的整體風(fēng)格很容易做到統(tǒng)一。



CSS概述

CSS是英文Cascading Style Sheet的縮寫,中文譯為層疊樣式表,也有人翻譯為級(jí)聯(lián)樣式表,簡(jiǎn)稱樣式表。它是一種用來定義網(wǎng)頁外觀樣式的技術(shù),在網(wǎng)頁中引入CSS規(guī)則,可以快捷地對(duì)頁面進(jìn)行布局設(shè)計(jì),可以的控制HTML標(biāo)記對(duì)象的寬度、高度、位置、字體、背景等外觀效果。

CSS是一種標(biāo)識(shí)性語言,不僅可以有效的控制網(wǎng)頁的樣式,更重要的是實(shí)現(xiàn)了網(wǎng)頁內(nèi)容與樣式的分離,并允許將CSS規(guī)則單獨(dú)存放于一個(gè)文檔中, CSS文件的擴(kuò)展名為“css”。



CSS3

CSS3標(biāo)準(zhǔn)早在1995年就開始制訂, 2001年提上W3C研究議程,但是,10年來CSS3可以說是基本上沒有什么很大的變化,一直到2011年6月才發(fā)布了全新版本的CSS3,目前,許多瀏覽器都廣泛支持CSS3。

CSS3是CSS技術(shù)的一個(gè)升級(jí)版本,CSS3語言將CSS劃分為更小的模塊,在朝著模塊化的方向發(fā)展。以前的版本是一個(gè)比較龐大而且比較復(fù)雜模塊,所以,把它分解成為一個(gè)個(gè)小的簡(jiǎn)單的模塊,同時(shí)也加入了更多新的模塊。在CSS3中有字體、顏色、布局、背景、定位、邊框、多列、動(dòng)畫、用戶界面等等多個(gè)模塊。



CSS的基本用法

CSS的使用規(guī)則由兩部分組成:選擇器和一條或多條聲明。其基本基本語法如下:

 選擇器{ 屬性1:; 屬性2:; …
            屬性n:; }

CSS的使用規(guī)則由兩部分組成:選擇器和一條或多條聲明。其基本基本語法如下:

 選擇器{ 屬性1:; 屬性2:; 

屬性n:; }

20200313203814532.png

CSS屬性

CSS的屬性按照相關(guān)功能進(jìn)行了分組,包含了字體、文本、背景、列表、動(dòng)畫等多個(gè)分組,這些屬性的具體使用方法和示例將會(huì)在后續(xù)中提到。



在HTML文檔中使用CSS的方法

根據(jù)CSS在HTML文檔中的使用方法和作用范圍不同,CSS樣式表的使用方法分為三大類:行內(nèi)樣式、內(nèi)部樣式表和外部樣式表,而外部樣式表又可分為鏈入外部樣式表和導(dǎo)入外部樣式表。本節(jié)我們從四個(gè)分類來認(rèn)識(shí)在HTML中使用CSS的方法。



行內(nèi)樣式

內(nèi)部樣式表

外部樣式表

鏈入外部樣式表

導(dǎo)入外部樣式表

行內(nèi)樣式

行內(nèi)樣式(inline style),也叫內(nèi)聯(lián)樣式,它是CSS四種使用方法中最為直接的一種,它的實(shí)現(xiàn)借用HTML元素的全局屬性style,把CSS代碼直接寫入其中即可。

嚴(yán)格意義上行內(nèi)樣式是一種不嚴(yán)謹(jǐn)?shù)氖褂梅绞?,它不需要選擇器,這種方式下CSS代碼和HTML代碼混合在一起,因此不推薦使用行內(nèi)樣式。行內(nèi)樣式的基本語法如下:

  <標(biāo)記 style="屬性:值; 屬性:值; …">


內(nèi)部樣式表

當(dāng)單個(gè)文檔需要特殊的樣式時(shí),應(yīng)該使用內(nèi)部樣式表。內(nèi)部樣式表是將樣式放在頁面的head區(qū)里,這樣定義的樣式就應(yīng)用到本頁面中了,內(nèi)部樣式表使用style標(biāo)記進(jìn)行聲明,是較為常用的一種使用方法。其基本語法如下:

<head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            選擇器1{屬性:值;…}
            選擇器2{屬性:值;…}
            ……
            選擇器n{屬性:值;…}
        </style>
    </head>


style標(biāo)記定義HTML文檔的樣式信息,規(guī)定的是 HTML 元素如何在瀏覽器中呈現(xiàn),其中type用來指定元素中的內(nèi)容類型。

鏈入外部樣式表
當(dāng)為了保證站點(diǎn)的風(fēng)格統(tǒng)一,或當(dāng)定義樣式內(nèi)容較多,且需要多個(gè)頁面共享樣式時(shí),可使用外部樣式表。鏈入外部樣式表是把樣式表保存為一個(gè)外部樣式表文件,然后在頁面中用link標(biāo)記鏈接到這個(gè)樣式表文件,link標(biāo)記放在頁面的head區(qū)內(nèi)。其基本語法為:

<head>
        <meta charset="utf-8" />
        <title></title>
        <link href="樣式表路徑" rel="stylesheet" type="text/css" />
    </head>
其中:
href:指出樣式表存放的路徑。
rel:用來定義鏈接的文件與HTML之間的關(guān)系, rel="stylesheet"是指在頁面中使用這個(gè)外部的樣式表。
type屬性用于指定文件類型,“text/css”指文件的類型是樣式表文本。

導(dǎo)入外部樣式表
導(dǎo)入外部樣式表是指在HTML文件頭部的style元素里導(dǎo)入一個(gè)外部樣式表,導(dǎo)入外部樣式表采用import方式。導(dǎo)入外部樣式表和鏈入樣式表的方法很相似,但導(dǎo)入外部樣式表的樣式實(shí)質(zhì)上相當(dāng)于存在網(wǎng)頁內(nèi)部。其基本語法為:
————————————————
版權(quán)聲明:本文為CSDN博主「狗狗狗狗狗樂啊」的原創(chuàng)文章,遵循 CC 4.0 BY-SA 版權(quán)協(xié)議,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_44122062/article/details/104848745

<head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            @import url("樣式表路徑");
        </style>
    </head>
其中:
href:指出樣式表存放的路徑。
rel:用來定義鏈接的文件與HTML之間的關(guān)系, rel="stylesheet"是指在頁面中使用這個(gè)外部的樣式表。
type屬性用于指定文件類型,“text/css”指文件的類型是樣式表文本。

導(dǎo)入外部樣式表
導(dǎo)入外部樣式表是指在HTML文件頭部的style元素里導(dǎo)入一個(gè)外部樣式表,導(dǎo)入外部樣式表采用import方式。導(dǎo)入外部樣式表和鏈入樣式表的方法很相似,但導(dǎo)入外部樣式表的樣式實(shí)質(zhì)上相當(dāng)于存在網(wǎng)頁內(nèi)部。其基本語法為:

  <head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
            @import url("樣式表路徑");
        </style>
    </head>

結(jié)語

記錄倉促,遺漏之處日后補(bǔ)充,如有錯(cuò)誤或不足之處,還望指正

————————————————
版權(quán)聲明:本文為CSDN博主「狗狗狗狗狗樂啊」的原創(chuàng)文章,遵循 CC 4.0 BY-SA 版權(quán)協(xié)議,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_44122062/article/details/104848745


日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.chinatradebeam.com

存檔

久久精品麻豆日日躁夜夜躁| 国产欧美一区二区精品性色 | 无码精品国产av在线观看| 夜夜爽夜夜叫夜夜高潮漏水| 少妇人妻av| 荡货 喂奶 h| 表妺好紧竟然流水了在线观看| 无码人妻丰满熟妇啪啪网站牛牛| 一区二区乱子伦在线播放| 亚洲av无码精品国产成人| 女厕厕露p撒尿八个少妇 | 日韩人妻精品无码久久上司| 久久国产一区二区三区| 医生边走边吮男男h| 色噜噜狠狠色综合成人网| WWW亚洲精品少妇裸乳一区二区| 太大太粗好爽受不了| 麻豆国产尤物av尤物在线观看 | 高h全肉np放荡日记| 黑人巨茎大战欧美白妇| 久久精品国产精品亚洲| 黑人猛挺进小莹的体内视频 | 亚洲日韩欧洲无码av夜夜摸| 成人无码www免费视频| a级国产乱理伦片在线观看| 亚洲精品乱码久久久久久自慰| 欧美亚洲一区二区三区| 成人毛片100免费观看| 国内精品人妻无码久久久影院蜜桃 | 精品国产一区二区三区av 性色| 性做久久久久久免费观看| 久久国产欧美日韩精品| 成人动漫在线观看| 国产乱人伦真实精品视频 | 国产男女猛烈无遮挡免费网站| 国产免费久久精品国产传媒| 亚洲av乱码一区二区三区| 国产亚州精品女人久久久久久| A性色生活片久久毛片牛牛| 欧美三级韩国三级日本三斤| WWW国产精品内射老熟女|