新聞中心
CSS的基本樣式
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供威縣網(wǎng)站建設(shè)、威縣做網(wǎng)站、威縣網(wǎng)站設(shè)計(jì)、威縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、威縣企業(yè)網(wǎng)站模板建站服務(wù),十年威縣做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
1 CSS允許應(yīng)用純色作為背景,也允許使用背景圖像創(chuàng)建相當(dāng)復(fù)雜的效果
2 CSS的背景
屬性 | 描述 |
background-p_w_upload | 背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng) |
background-color | 設(shè)置元素的背景顏色 |
background-p_w_picpath | 把圖片設(shè)置為背景 |
background-position | 設(shè)置背景圖片的起始位置 |
background-repeat | 設(shè)置背景圖片是否及如何重復(fù) |
background-size | 規(guī)定背景圖片的尺寸 |
background-origin | 規(guī)定背景圖片的定位區(qū)域 |
background-clip | 規(guī)定背景的繪制區(qū)域 |
3 no-repeat表示不能重復(fù),repeat可重復(fù),repeat-x表示x軸重復(fù),repeat-y表示y軸重復(fù)
4 圖像相對(duì)于可視區(qū)是固定的(fixed),不會(huì)受到滾動(dòng)的影響
5 CSS的樣本-文本
CSS文本屬性可定義文本的外觀,可以改變文本的顏色和字符間距,對(duì)齊文本,裝飾文本,對(duì)文本進(jìn)行縮進(jìn),等等
屬性 | 描述 |
color | 文本顏色 |
direction | 文本方向 |
line-height | 行高 |
letter-spacing | 字符間距 |
text-align | 對(duì)齊元素中的文本 |
text-decoration | 向文本添加修飾 |
text-indent | 縮進(jìn)元素中文本的首行 |
text-transform | 元素中的字母 |
unicode-bidi white-space word-spacing | 設(shè)置文本方向 元素中空白的處理方式 字間距 |
6 CSS鏈接的四種狀態(tài)
a:link--普通的、未被訪問的鏈接
a:visited--用戶已訪問的鏈接
a:hover--鼠標(biāo)指針位于連接的上方
a:active—鏈接被點(diǎn)擊的時(shí)刻
7 a:hover必須位于a:link和a:visited之后,而a:active必須位于a:hover之后
8 設(shè)置鏈接背景顏色
修改對(duì)應(yīng)的屬性background-color就可以了
9 修改鏈接的下劃線
在link屬性中加入text-decoration屬性,將傳值改為空就可以了
10 CSS列表允許防止、改變列表標(biāo)志,或者將圖片作為列表標(biāo)志
11 列表常用的三個(gè)屬性
列表類型
列表項(xiàng)圖像
簡(jiǎn)寫列表屬性
12 列表類型
列表有無序,有序之分,無序列表又可以用不同的標(biāo)記來區(qū)分list-style-type這個(gè)屬性可以用來控制標(biāo)記類型
13 列表圖片
list-style-p_w_picpath屬性讓標(biāo)記變得高大上,要先下載一個(gè)小圖標(biāo)放入工程文件夾,然后在CSS中添加
14 簡(jiǎn)寫列表樣式
把所有用于列表的屬性設(shè)置于一個(gè)聲明中
15 list-style的值可以按任何順序列出,而且這些值得可以忽略,只要提供了一個(gè)值,其他的就會(huì)填入其默認(rèn)值
1.15CSS表格
屬性 | 描述 |
border-collapse | 設(shè)置是否把表格邊框合并為單一的邊框 |
border-spacing | 設(shè)置分隔單元格邊框的距離 |
caption-side | 設(shè)置表格標(biāo)題的位置 |
empty-cells | 設(shè)置是否顯示表格中的空單元格 |
table-layout | 設(shè)置顯示單元、行和列的算法 |
當(dāng)前文章:CSS的基本樣式
網(wǎng)站路徑:http://ef60e0e.cn/article/pogijp.html