CSS樣式內容

css**規範：盡量不要在標籤內使用樣式**。

.css文件內部宣告不換行可以節省記憶體。

謹記：

常犯的錯誤是.html文件和.css樣式表都寫好了，但總會忘記插入樣式表。

1.字型的樣式

2.文字屬性

text-align屬性值說明

left

把文字排列到左邊。預設值：由瀏覽器決定

right

把文字排列到右邊。

center

把文字排列到中間。

justify

實現兩端文字對齊效果。

註明屬性text-align的使用 text-align:jusetify; /*兩端對齊，但是不包括最後一行*/

text-align-last:juestify; /*包括最後一行兩端對齊*/

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>title
title
>
6<
style
>7p
14style
>
15head
>
16<
body
>
17<
section
>
18<
p>這個ai名叫snap_r，它以每分鐘6.75條訊息的速率向800名使用者傳送釣魚訊息，其中有275名使用者成功上鉤。相比之下，來自富比士的專業作家thomas fox-brewster平均每分鐘只能產出1.075條訊息，總共傳送了129名使用者，而僅有49名使用者被吸引。
p>
19section
>
20body
>
21html
>

常使用於新聞頁面內。

text-decoration屬性

none 　　預設值，定義的標準文字

underline　　設定文字的下劃線

overline　　設定文字的上劃線

line-through 設定文字的刪除線

3.文字陰影

text-shadow：color x-offset y-offset blur-radius;

陰影顏色  x軸位移  

y軸位移  模糊半徑

4.超連結

偽類名稱

含義示例

a:link

未單擊訪問時超連結的樣式

a:link

a:visited

單擊訪問後超連結的樣式

a:visited

a:hover

滑鼠懸浮其上的超連結樣式

a:hover

a:active

滑鼠單擊未釋放時超連結的樣式

5.列表樣式

屬性： list-style-type:

list-style-image:

list-style-position:

list-style:

list-style-type:

值語法示例

none   無標記符號

list-style-type:none;

disc   實心圓，預設型別

list-style-type:disc;

circle　　空心圓

list-style-type:circle;

square　　實心正方形

list-style-type:square;

decimal　　數字

list-style-type:decimal;

a>若要去除列表上下的結構語法：

li6.背景影象

語法 background-image：url("path");

背景重複方式 屬性background-repeat:值;　　　　　　　　　　　　　　　　　　

repeat：沿水平線和垂直兩個方向平鋪

no-repeat:不平鋪，即只顯示一次

repeat-x:只沿水平方向平鋪

repeat-y:只沿垂直方向平鋪

背景定位屬性 background-position:值含義

xpos  ypos

單位：px  xpos表示水平位置  ypos表示垂直位置

x%  y%

使用百分比表示背景的位置

水平方向的：left、center 、right  |  垂直方向的：top、center、bottom

屬性background-size：

1

background-size:auto;
2background-size:percentage;/*百分值，按照元素的寬度計算*/
3background-size:cover; /*放大整個image*/ 
4 background-size:contain; /*保持寬高比，縮放至正好定義的區域*/

CSS非布局樣式和重點內容

selecter 選擇器用於匹配html元素，有不同的匹配規則，多個選擇器可以疊加 解析方式和效能 瀏覽器的解析方式是從右往左的 body div class 瀏覽器先查詢.class,再查詢對應元素是否在div元素中再去查詢是否在body元素中 名稱權重 不能進製 important max行間樣...

css樣式內容超出div換行以及隱藏

之前，自己學過css樣式，看到過超出邊框的內容展示，今天專案用到，真是想不起來了，懶得在看文件了，直接網上搜了一下，記錄下來，以備往後用。word wrap break word 換行 word break break all 換行 overflow hidden 隱藏 這個引數根據需要來絕對要不要...

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中，要為某個物件加上背景色只有一種辦法，那就是先做乙個 在 中設定完背景色...