Web前端CSS初探

2021-07-22 07:25:40 字數 1532 閱讀 3872

通過對

css和

html

中div

的簡單設定就可以做乙個非常漂亮的頁面,只不過就是有點繁瑣,不過只要有耐心,做乙個簡單的好看的頁面還是可以的。

css中最最基礎的是對和文字的設定。

頁面大多都是有文字和組成的,對文字和的設定是最基本要學會的。

文字設定

也許剛開始學習的時候不是特別明白為什麼對文字進行設定的時候,有的時候用的是

標籤,有的時候,還有的時候是在/div<>中設定的。

如果是一些簡單的頁面,只有簡單文字設定有

即可,p英文paragraph

,也就是一段的意思,在閱讀文字的時候經常是分段的所以用標籤更好一些。

又是也用也就是head縮寫,一般文章標題是用這個。標記一般是在介面比較複雜又圖有文字的時候,需要設定一些浮動定位的時候用div

css中常見的文字樣式:

text-decoration:underline;

---------

下劃線font-weight:bold-------

粗體還有對

font-size color

的設定,值得注意的是

現在的html5

中對文字顏色的設定沒有

font-color

,只有color

是對應於文字顏色的設定的。

文字居中設定:設定橫向居中

text-align

:center

設定文字垂直防線居中

vertical-align:middle

line-heignt:

高度;==height

必須設定高度

設定背景:

>

margin

:0px auto

;(margin:上右

下左左右設為

auto

為居中)

背景:background-image:url(路徑)

; 如果是垂直方向(y軸方向平鋪)背景

background-image:url(路徑)

;background-repeat:repeat-y;

水平:background-repeat:repeat-x;

不重複:

background-repeat:no-repeat;

設定背景的位置:

background-position:bottomright;

可以設定具體數值:

background-postion:300px 25px;一、

如果只有文字

那麼設定

line-height

和height

高度相同則是垂直方向的居中二、

如果有和文字**混排那麼就要設定

vertical

-align

margin:10px auto 10px auto;

設定上下不設定左右

web前端基礎 css

前言 繼續努力 什麼是css?就是對html進行美化,好比化妝前後的差距。html的塊級標籤 標籤 預設獨佔一行,跟同級兄弟塊豎直排列 標籤 預設同在一行,跟同級兄弟塊橫向排列 塊級標籤只有結合css樣式才有意義!修飾div標籤一般用style屬性並使用樣式,不贊成用align屬性 css的語法格式...

web前端 CSS樣式

一 樣式 a css cascading style sheet 層疊樣式表 b 樣式的引入方式 行內樣式 內容 內部樣式 在頁面頭部 外部樣式 在頁面頭部以link標籤鏈入 c 樣式的基本語法 1.選擇器 2.基本選擇器的種類 1.標籤選擇器 標籤名稱 同名標籤自動響應 2.類選擇器 類選擇器名稱...

web前端 CSS詳解

css casading style sheet 是一組html元素外觀的設定規則,用於控制web頁面的表現形式,一般被翻譯為 級聯樣式表 或 層疊樣式表 通常情況下,我們是用html標籤定義文件的內容,用css定義內容的表現形式,這樣將頁面內容與表現形式分離,可以使html文件 看起來更加簡練,縮...