日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

css基本格式及舉例說明 css是什么

一、什么是css
css的英文全稱是:Cascading Style Sheets,翻譯過來叫:層疊樣式表 。
這其中有兩個(gè)關(guān)鍵字,一個(gè)是層疊一個(gè)是樣式 。
樣式指的是給html調(diào)整樣式
層疊指的是可以疊加調(diào)整,給一個(gè)html的a標(biāo)簽指定5條樣式,5條樣式疊加起來作用到html的標(biāo)簽上 。
舉個(gè)更容易理解的例子:(在index.html中寫一個(gè)a標(biāo)簽)

css基本格式及舉例說明 css是什么



用css給a標(biāo)簽加樣式,一共加了五條,具體看圖片中的注釋 。
5條樣式都加到了a標(biāo)簽上面,都生效,這就是層疊的意思了 。
二、css的作用
從上面的例子中也可以明顯地感受到,css的主要作用就是美化html的 。使用css可以讓html變得更加的豐富多彩 。如果學(xué)了JavaScript的話就可以讓html動起來 。
在正式開講css前,先補(bǔ)充一點(diǎn)關(guān)于sublime text的快捷使用方法,這樣我們寫代碼的速度就會變得快起來 。
如果還有不知道sublime text是什么的同學(xué),可以返回頭去看看《踏上編程之路的必經(jīng)之路之html篇二》,其中用動圖的方式仔細(xì)講解了如何下載它 。
在sublime text這款編輯器里面可以快速生成html的主要結(jié)構(gòu)(頭部、體部),接下來看動圖演示:
css基本格式及舉例說明 css是什么


【css基本格式及舉例說明 css是什么】
沒錯(cuò),只要輸入一個(gè)“!”,按tab鍵就能快速生成html的主要結(jié)構(gòu)代碼了(下圖紅框的框住的就是tab鍵)
css基本格式及舉例說明 css是什么



除了可以快速生成上面代碼,還以快速生成經(jīng)常使用的各種標(biāo)簽代碼:(如下圖演示)
css基本格式及舉例說明 css是什么



如果你要寫一個(gè)a標(biāo)簽,只需要寫a再按tab鍵,sublime text就會自動給你補(bǔ)全代碼 。
當(dāng)然了,還有更快捷的
(接下來快捷生成<a href=https://www.jinnalai.com/fenxiang/”https://www.baidu.com”>百度)
css基本格式及舉例說明 css是什么



在“[]”里面寫要給a標(biāo)簽添加的屬性,在{}里面寫a標(biāo)簽的文字 。如果有多個(gè)屬性的就寫兩個(gè)“[]” 。
具體看動圖演示:
css基本格式及舉例說明 css是什么



接下來再看看ul和li標(biāo)簽如何快速生成(ul里面包含5個(gè)li)
css基本格式及舉例說明 css是什么



新聞后面的$用于生成一個(gè)序號,當(dāng)然你也可以不寫,也可以寫兩個(gè),寫兩個(gè)的話生成的就會是新聞01、新聞02
在sublime text中只要是html的標(biāo)簽就可以快捷生成,那在來試一試table
css基本格式及舉例說明 css是什么



我們學(xué)過很多的html標(biāo)簽,你都可以拿來嘗試一下,要想事半功倍,熟練使用sublime text是個(gè)有效的途徑 。
三、css的基本格式
在css的初始階段,建議大家把css代碼寫在html的head標(biāo)簽中 。
css代碼的樣式代碼寫在style標(biāo)簽中 。
具體看一下圖:
css基本格式及舉例說明 css是什么



寫一個(gè)a標(biāo)簽,讓a標(biāo)簽中的字變?yōu)榧t色
css基本格式及舉例說明 css是什么



在style中寫css代碼,沒有style,是不會有效果的 。style可以寫在任意位置,但是為了代碼規(guī)范,約定俗成都寫在head標(biāo)簽中 。
style中我們先要指定給哪一個(gè)標(biāo)簽添加樣式,這里我們指定了a 。這種方式也叫做css選擇器,就是你要給誰添加樣式,你得先指定或者選定一個(gè)標(biāo)簽,然后再寫你要添加的樣式代碼 。我們這里選定a,給a添加字體變紅的的樣式 。

推薦閱讀