通過對
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文件 看起來更加簡練,縮...