CSS3美化網頁元素

2022-08-24 18:06:11 字數 1326 閱讀 6560

一.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);

CSS3美化網頁文字

概述 1,字型樣式 網頁字型樣式包括字型型別,大小,顏色等基本效果,另外還包括一些特殊的樣式,如字型粗細,下劃線,斜體,大小等 1.1 定義字型型別 css使用font family屬性來定義字型型別,另外使用font屬性也可以定義字型型別。font family是字型專用型別專用屬性,用法如下 f...

CSS美化網頁元素

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

CSS3 定位網頁元素

1.定位在網頁中的應用 css中有三種基本的定位機制,分別是標準流 浮動 絕對定位 2.position屬性 position指定盒子的位置,指它相對其父級的位置或相對它自身應該在的位置。static 預設值,保持在原本應該在的位置,沒有任何移動的效果 relative 相對定位,常以標準文件流的排...