一、css是Cascading Style Sheets 的縮寫(xiě),即層疊式樣式表單,它是由W3C協(xié)會(huì)制定并發(fā)布的一個(gè)網(wǎng)頁(yè)排版式標(biāo)準(zhǔn),是對(duì)HTML語(yǔ)言功能的補(bǔ)充。
創(chuàng)新互聯(lián)建站10多年企業(yè)網(wǎng)站設(shè)計(jì)服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及高端網(wǎng)站定制服務(wù),企業(yè)網(wǎng)站設(shè)計(jì)及推廣,對(duì)地磅秤等多個(gè)行業(yè)擁有豐富的網(wǎng)站推廣經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。
二、HTML和CSS的區(qū)別?
1、定義不同:
html是HyperTextMark-upLanguage的縮寫(xiě),即超文本標(biāo)記語(yǔ)言;
css是Cascading Style Sheets 的縮寫(xiě),即層疊式樣式表單,它是由W3C協(xié)會(huì)制定并發(fā)布的一個(gè)網(wǎng)頁(yè)排版式標(biāo)準(zhǔn),是對(duì)HTML語(yǔ)言功能的補(bǔ)充。
2、用途不同:
html則是用于文本內(nèi)容,包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說(shuō)明的具體內(nèi)容。
css是多用于樣式,主要的用途是對(duì)網(wǎng)頁(yè)中字體、顏色、背景、圖像及其他各種元素的控制,使網(wǎng)頁(yè)能夠完全按照設(shè)計(jì)者的要求來(lái)顯示。
3、CSS語(yǔ)法與HTML語(yǔ)法完全不同:
HTML里代碼是功能標(biāo)簽,如DIV、SPAN、A鏈接、em標(biāo)簽、I斜體標(biāo)簽、u下劃線等,html代碼語(yǔ)法范例:div內(nèi)容/div
CSS樣式代碼語(yǔ)法是div{樣式單詞:值}
三、HTML和CSS聯(lián)系:
CSS與HTML相同之處在于,兩個(gè)共同作用讓網(wǎng)頁(yè)實(shí)現(xiàn)需要的布局樣式。
擴(kuò)展資料:
1、標(biāo)記符html,說(shuō)明該文件是用超文本標(biāo)記語(yǔ)言(本標(biāo)簽的中文全稱)來(lái)描述的,它是文件的開(kāi)頭;而/html,則表示該文件的結(jié)尾,它們是超文本標(biāo)記語(yǔ)言文件的開(kāi)始標(biāo)記和結(jié)尾標(biāo)記。
2、CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。
CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個(gè)專門(mén)的CSS文件中,以供HTML頁(yè)面引用。總之,CSS樣式表可以將所有的樣式聲明統(tǒng)一存放,進(jìn)行統(tǒng)一管理。
參考資料:百度百科-HTML
百度百科-CSS
[img]一、css是Cascading Style Sheets 的縮寫(xiě),即層疊式樣式表單,它是由W3C協(xié)會(huì)制定并發(fā)布的一個(gè)網(wǎng)頁(yè)排版式標(biāo)準(zhǔn),是對(duì)HTML語(yǔ)言功能的補(bǔ)充。
二、HTML和CSS的區(qū)別?
1、定義不同:
html是HyperTextMark-upLanguage的縮寫(xiě),即超文本標(biāo)記語(yǔ)言;
css是Cascading Style Sheets 的縮寫(xiě),即層疊式樣式表單,它是由W3C協(xié)會(huì)制定并發(fā)布的一個(gè)網(wǎng)頁(yè)排版式標(biāo)準(zhǔn),是對(duì)HTML語(yǔ)言功能的補(bǔ)充。
2、用途不同:
html則是用于文本內(nèi)容,包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說(shuō)明的具體內(nèi)容。
css是多用于樣式,主要的用途是對(duì)網(wǎng)頁(yè)中字體、顏色、背景、圖像及其他各種元素的控制,使網(wǎng)頁(yè)能夠完全按照設(shè)計(jì)者的要求來(lái)顯示。
3、CSS語(yǔ)法與HTML語(yǔ)法完全不同:
HTML里代碼是功能標(biāo)簽,如DIV、SPAN、A鏈接、em標(biāo)簽、I斜體標(biāo)簽、u下劃線等,html代碼語(yǔ)法范例:div內(nèi)容/div
CSS樣式代碼語(yǔ)法是div{樣式單詞:值}
三、HTML和CSS聯(lián)系:
CSS與HTML相同之處在于,兩個(gè)共同作用讓網(wǎng)頁(yè)實(shí)現(xiàn)需要的布局樣式。
擴(kuò)展資料:
1、標(biāo)記符html,說(shuō)明該文件是用超文本標(biāo)記語(yǔ)言(本標(biāo)簽的中文全稱)來(lái)描述的,它是文件的開(kāi)頭;而/html,則表示該文件的結(jié)尾,它們是超文本標(biāo)記語(yǔ)言文件的開(kāi)始標(biāo)記和結(jié)尾標(biāo)記。
2、CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。
CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個(gè)專門(mén)的CSS文件中,以供HTML頁(yè)面引用??傊珻SS樣式表可以將所有的樣式聲明統(tǒng)一存放,進(jìn)行統(tǒng)一管理。
使用縮寫(xiě)可以減少CSS文件的大小,并且更加易于閱讀。本文主要介紹CSS的主要縮寫(xiě)規(guī)則,內(nèi)容涉及到顏色、盒尺寸、邊框、背景、字體、列表等方面的內(nèi)容。CSS縮寫(xiě)的主要規(guī)則如下:
顏色
16進(jìn)制的色彩值,如果每?jī)晌坏闹迪嗤?,可以縮寫(xiě)一半,例如:
#000000可以縮寫(xiě)為#000;#336699可以縮寫(xiě)為#369;
盒尺寸
通常有下面四種書(shū)寫(xiě)方法:
property:value1; 表示所有邊都是一個(gè)值value1;
property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3 property:value1 value2 value3 value4; 四個(gè)值依次表示top,right,bottom,left 方便的記憶方法是順時(shí)針,上右下左。具體應(yīng)用在margin和padding的例子如下:
margin:1em 0 2em 0.5em;
邊框(border)
邊框的屬性如下:
border-width:1px; border-style:solid; border-color:#000;
可以縮寫(xiě)為一句:border:1px solid #000;
語(yǔ)法是 border:width style color;
背景(Backgrounds)
背景的屬性如下:
background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:0 0;
可以縮寫(xiě)為一句:background:#f00 url(background.gif) no-repeat fixed 0 0;
語(yǔ)法是 background:color image repeat attachment position;
你可以省略其中一個(gè)或多個(gè)屬性值,如果省略,該屬性值將用瀏覽器默認(rèn)值,默認(rèn)值為:
color: transparent image: none repeat: repeat attachment: scroll position: 0% 0%
字體(fonts)
字體的屬性如下:
font-style:italic; font-variant:small-caps; font-weight:bold; font-size:1em; line-height:140%; font-family:"Lucida Grande",sans-serif;
可以縮寫(xiě)為一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
注意,如果你縮寫(xiě)字體定義,至少要定義font-size和font-family兩個(gè)值。
列表(lists)
取消默認(rèn)的圓點(diǎn)和序號(hào)可以這樣寫(xiě)list-style:none;,
list的屬性如下:
list-style-type:square; list-style-position:inside; list-style-image:url(image.gif);
可以縮寫(xiě)為一句:list-style:square inside url(image.gif);
關(guān)于CSS是什么:
CSS是用于布局與美化網(wǎng)頁(yè)的.
CSS是Cascading Style Sheets的英文縮寫(xiě),即層疊樣式表.
CSS語(yǔ)言是一種標(biāo)記語(yǔ)言,因此不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語(yǔ)言).
CSS文件是一個(gè)文本文件,它包含了一些CSS標(biāo)記,CSS文件必須使用css為文件名后綴.
CSS是大小寫(xiě)不敏感的,CSS與css是一樣的.
關(guān)于使用CSS的幾個(gè)優(yōu)勢(shì):
內(nèi)容與表現(xiàn)分離,有了CSS,網(wǎng)頁(yè)的內(nèi)容(XHMTL)與表現(xiàn)就可以分開(kāi)了.
表現(xiàn)的統(tǒng)一,可以使網(wǎng)頁(yè)的表現(xiàn)非常統(tǒng)一,并且容易修改.
CSS可以支持多種設(shè)備,比如手機(jī),PDA,打印機(jī),電視機(jī),游戲機(jī)等.
使用CSS可以減少網(wǎng)頁(yè)的代碼量,增加網(wǎng)頁(yè)的瀏覽速度,減少硬盤(pán)容量.