CSS美化網頁元素

2022-03-10 13:19:25 字數 1360 閱讀 7787

一.span標籤:能讓某幾個文字或者某個詞語凸顯出來:

今天是11月份的第一天,地鐵卡不打折了

二.字型風格:

font-family:字型型別

font-size:字型大小

font-style:字型風格

font-weight:字型粗細

font: 風格 粗細 大小 型別;

三.文字樣式:

color    設定文字顏色    rgb(0,0,255),rgba(0,0,255,0.5)

text-align    設定元素水平對齊方式    

text-indent    設定首行文字的縮排    

line-height    設定文字的行高    

text-decoration    設定文字的裝飾    

vertical-align 設定文字垂直方式

text-shadow    設定文字陰影        text-shadow: 顏色 x軸偏移位置 y軸偏移位置 模糊半徑

四.超連結偽類:

單擊訪問前

.class01:link

單擊訪問後

.class02:visited

滑鼠懸浮

.class03:hover

單擊未釋放

.class04:active

五.列表樣式:

list-style-type     列表項前圖示

list-style-image    列表項前

list-style-image:url(../image/qq20181101095555.png);

六.背景樣式:

background-color    設定背景顏色

background-image    設定背景影象

background-repeat    設定影象是否平鋪

background-position    設定背景影象位置

background: 背景顏色 背景影象 x軸偏移位置 y軸偏移位置 平鋪;

七.漸變:

ie瀏覽器是trident核心,加字首:-ms-

chrome瀏覽器是webkit核心,加字首:-webkit-

safari瀏覽器是webkit核心,加字首:-webkit-

opera瀏覽器是blink核心,加字首:-o-

firefox瀏覽器是mozilla核心,加字首:-moz-

示例:background: -webkit-gradient(linear,left bottom,right top,from(red),to(blue));

background: linear-gradient(to bottom left,red,black)

CSS網頁美化元素屬性介紹

css html 的塊標籤 div 標籤 預設佔一行,自動換行 span 標籤 內容顯示在同一行 css概述 cascading style sheets 層疊樣式表 紅磚,抹了一層水泥,白灰 主要用作用 用來美化我們的html頁面的 html 決定網頁的骨架 css 化妝 將頁面的html和美化進...

CSS3美化網頁元素

一.span標籤 能讓某幾個文字或者某個詞語凸顯出來 今天是11月份的第一天,地鐵卡不打折了 二.字型風格 font family 字型型別 font size 字型大小 font style 字型風格 font weight 字型粗細 font 風格 粗細 大小 型別 三.文字樣式 color 設...

css美化元素

一.span標籤 能讓某幾個文字或者某個詞語凸顯出來 今天是11月份的第一天,地鐵卡不打折了 二.字型風格 font family 字型型別 font size 字型大小 font style 字型風格 font weight 字型粗細 font 風格 粗細 大小 型別 三.文字樣式 color 設...