1.1 內(nèi)聯(lián)樣式表

創(chuàng)新互聯(lián)公司成都企業(yè)網(wǎng)站建設(shè)服務(wù),提供成都網(wǎng)站制作、成都做網(wǎng)站網(wǎng)站開發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設(shè)計,成都響應(yīng)式網(wǎng)站建設(shè)公司,網(wǎng)頁設(shè)計師打造企業(yè)風格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務(wù)。歡迎咨詢做網(wǎng)站需要多少錢:18980820575
在標簽中直接添加style 例:p style=“” /p
1.2 內(nèi)嵌樣式表
作為一個獨立區(qū)域內(nèi)嵌在網(wǎng)頁內(nèi),必須卸載head標簽內(nèi)
例:head
style=“”
/style
/head
1.3 外部樣式表
即css樣式表,需要新建一個css文件,用來放樣式表。如果在html文件中調(diào)用樣式表,需在html文件中點擊 右鍵→CSS樣式→附加樣式表。(一般用link連接方式)
注:有些標簽會有默認的邊距,一般寫代碼的時候會先去除(也可以設(shè)置其他需要的樣式)
* (對所有標簽起作用)
{margin:0px; (邊距)
padding:0px;} (間距)
大小 font-size: x-large;(特大) xx-small;(極小) 一般中文用不到,只要用數(shù)值就可以,單位:PX、PD、em等
樣式 font-style: oblique;(偏斜體) italic;(斜體) normal;(正常)
行高 line-height: normal;(正常) 單位:PX、PD、EM
粗細 font-weight: bold;(粗體) lighter;(細體) normal;(正常)
色彩background-color: #FFFFFF;
圖片background-image: url();border-style: dotted;(點線) dashed;(虛線) solid;(實線) double;(雙線) groove;(凹槽) ridge;(脊狀) inset;(邊框) outset;(邊框)
類型list-style-type: disc;(圓點) circle;(圓圈) square;(方塊) decimal;(數(shù)字) none(無)text-align:right; /*文字右對齊*/
text-align:left; /*文字左對齊*/
text-align:center; /*文字居中對齊*/
text-align:justify; /*文字分散對齊*/
vertical-align屬性
vertical-align:top; /*垂直向上對齊*/
vertical-align:bottom; /*垂直向下對齊*/
vertical-align:middle; /*垂直居中對齊*/
vertical-align:text-top; /*文字垂直向上對齊*/
vertical-align:text-bottom; /*文字垂直向下對齊*/這些都是比較常用的如果你要把樣式做的很漂亮這些還是不夠的自己去看看文檔吧慢慢學(xué)習(xí)
css是英文Cascading Style Sheets的縮寫。它是一種用來表現(xiàn)HTML(標準通用標記語言的一個應(yīng)用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。
它包含3種類型,內(nèi)部樣式,行內(nèi)樣式和外部樣式表三種
作用的效果是按順序從下到上,相同樣式下面的會覆蓋原有樣式,除特殊情況外,一般都是行內(nèi)樣式內(nèi)部樣式外部樣式。
以div為例
行內(nèi)樣式寫法:
在style里面寫樣式
div style="height:30px; background:#f00;"/div
內(nèi)部樣式:
在head標簽內(nèi)加入style標簽,在標簽內(nèi)寫樣式:
style
div{height:30px; background:#f00;}
/style
外部樣式是建立一個新文件后綴名為.css
舉個例子:
建立style.css文件放在項目根目錄下:
在里面寫入
div{height:30px; background:#f00;}
然后保存,在html的head標簽內(nèi)調(diào)用樣式
link rel="stylesheet" type="text/css" href="style.css" /
CSS樣式分為:內(nèi)聯(lián)式css樣式、嵌入式css樣式、外部式css樣式。
對CSS三種樣式定義及其實例:
內(nèi)聯(lián)式css樣式。
內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標簽中,如下面代碼:
p?style="color:red"這里文字是紅色。/p
css樣式代碼要寫在style=""雙引號中,如果有多條css樣式代碼設(shè)置可以寫在一起,中間用分號隔開(英文狀態(tài)下;)。
嵌入式css樣式。
嵌入式css樣式,就是可以把css樣式代碼寫在標簽之間。如下面代碼實現(xiàn)把三個標簽中的文字設(shè)置為紅色:
style?type="text/css"span{color:red;}/style
嵌入式css樣式必須寫在之間,并且一般情況下嵌入式css樣式寫在之間。
外部式css樣式。
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名(也可以為調(diào)用其他網(wǎng)站CSS)。
link?href="style.css"?rel="stylesheet"?type="text/css"?/
注意事項:?
1、css樣式文件名稱以有意義的英文字母命名,如 main.css。?
2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。?
3、標簽位置一般寫在標簽之內(nèi)。
掌握好三種CSS三種樣式使用方法在Web開發(fā)中將節(jié)省很多時間。
CSS樣式分類有:一、類別選擇器 二、標記選擇器三、ID選擇器四、關(guān)聯(lián)選擇器五、組合選擇器六、偽元素選擇器
當前題目:css所有樣式,CSS樣式有
標題URL:http://chinadenli.net/article37/dsidppj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊、企業(yè)網(wǎng)站制作、微信公眾號、網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計公司、靜態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)