亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

2020有哪些常用的css代碼

發布時間:2020-07-14 15:24:03 來源:億速云 閱讀:143 作者:Leah 欄目:web開發

2020有哪些常用的css代碼?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。

css常用代碼大全

html+css可以很方便的進行網頁的排版布局,還能減少很多不必要的代碼。

一.文本設置

1、font-size: 字號參數

2、font-style: 字體格式

3、font-weight: 字體粗細

4、顏色屬性

color: 參數

注意使用網頁安全色

二、超鏈接設置

text-decoration: 參數

主要用途是改變瀏覽器顯示文字鏈接時的下劃線。

參數取值范圍:

underline:為文字加下劃線

overline:為文字加上劃線

line-through:為文字加刪除線

blink:使文字閃爍

none:不顯示上述任何效果

三、背景

1、背景顏色

background-color: 參數

2、背景圖片

background-image: url(URL)

URL就是背景圖片的存放路徑,none表示無。

3、背景圖片重復

background-repeat: 參數

參數取值范圍 :

no-repeat:不重復平鋪背景圖片

repeat-x:使圖片只在水平方向上平鋪

repeat-y:使圖片只在垂直方向上平鋪

如果不指定背景圖片重復屬性,瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。

4、背景圖片固定

背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性,瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過于花哨的背景圖片在滾動時轉移瀏覽者的注意力,一般都設為固定

background-attachment: 參數

參數取值范圍:

fixed:網頁滾動時,背景圖片相對于瀏覽器的窗口而言,固定不動

scroll:網頁滾動時,背景圖片相對于瀏覽器的窗口而言,一起滾動

四、區塊

1、單詞間距

word-spacing: 間隔距離

2、字母間距

letter-spacing: 字母間距

3、文本對齊

text-align: 參數

參數的取值:

left:左對齊

right:右對齊

center:居中對齊

justify:相對左右對齊

4、垂直對齊

vertical-align: 參數

top:頂對齊

bottom:底對齊

text-top:相對文本頂對齊

text-bottom:相對文本底對齊

baseline:基準線對齊

middle:中心對齊

sub:以下標的形式顯示

super:以上標的形式顯示

5、文本縮進

text-indent: 縮進距離

12px相當于一個文字距離

6、空格

white-space: 參數

normal 正常

pre 保留

nowrap 不換行

7、顯示樣式

display: 參數

參數取值范圍:

block:塊級元素,在對象前后都換行

inline:在對象前后都不換行

list-item:在對象前后都換行,增加了項目符號

none:無顯示

五、方框

1、height 高度

2、width 寬度

3、padding 內邊距

4、margin 外邊距

5、float(浮動):可以讓塊級元素在一行中排列,例如橫向菜單。

6、clear 清除浮動

六、邊框

1、樣式

border style 參數

邊框樣式的參數:

none:無邊框

dotted:邊框為點線

dashed:邊框為長短線

solid:邊框為實線

double:邊框為雙線

2、寬度

border width 參數

3、顏色

border color 參數

七、列表

list-style-type 列表樣式

不同瀏覽器的列表符可能不相同,可能會影響到網頁,所以網頁中的列表大多都是由背景圖片顯示。

控制用戶界面的樣式

八、鼠標

cursor:鼠標形狀參數

CSS鼠標形狀參數表:

鼠標形狀:CSS代碼

style="cursor:hand"      手形

style="cursor:crosshair"   十字形

style="cursor:text"      文本形

style="cursor:wait"      沙漏形

style="cursor:move"     十字箭頭形:

style="cursor:help"      問號形

style="cursor:e-resize"    右箭頭形

style="cursor:n-resize"    上箭頭形

style="cursor:nw-resize"   左上箭頭形

style="cursor:w-resize"    左箭頭形

style="cursor:s-resize"    下箭頭形

style="cursor:se-resize"   右下箭頭形

style="cursor:sw-resize"   左下箭頭形

看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

拜泉县| 梓潼县| 晋州市| 南木林县| 潞城市| 镶黄旗| 牙克石市| 上思县| 吴川市| 平和县| 富阳市| 绥化市| 奇台县| 高州市| 榆中县| 米脂县| 安庆市| 思南县| 北辰区| 双桥区| 偃师市| 陕西省| 洛扎县| 洪洞县| 张家口市| 衡阳县| 贵定县| 施甸县| 民和| 宣城市| 安义县| 阜宁县| 故城县| 临西县| 资兴市| 扎鲁特旗| 手游| 兴业县| 阿巴嘎旗| 洛宁县| 玉树县|