html css字型有關屬性

2021-08-21 15:14:07 字數 1948 閱讀 4183

字型有以下幾個屬性:

font-size:12px-16px

font-weight: bold normal 字型的粗細

font-style:字形(斜體)

font-family:字型類(宋體)

color:字型的顏色

顏色的表達方式一般分為3種:a.顏色的英語(一般只在測試的時候用,開發不用)b.顏色**(#fffff 開發的時候用,最好用 ;c.顏色函式:光學三原色:rgb(255,0,255)也在開發的時候用。

文字設定

文字字型預設大小:16px

對齊方式:text-align:right /left / center

行間距:line-height: px/ em

首行縮排: 2em(2個字型) (1em=1*font-size)

title>

type="text/css">

#div1

style>

head>

id="div1">

在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距在容器裡左對齊,16px字型大小,首行縮排,1.2倍行距。

div>

body>

html>

注:文字水平垂直都居中讓行高的值等於容器的高度

title>

type="text/css">

#div1

style>

head>

id="div1">

水平垂直居中

div>

body>

html>

border

border;符合元素,包括:width ,style ,color

可以一行寫:border:1px solid #ffffff;

也可以單獨設定:border-width

border-style

boder-left-color:左邊顏色

boder-right-color:右邊顏色

boder-top-color:上邊顏色

透明色:transparent

小測驗:畫乙個三角形

用border設定:div的寬高為0,border的width為100;設定其他三變為transparent:

title>

type="text/css">

#div1

style>

head>

id="div1">

div>

body>

html>

title>

type="text/css">

#div1

style>

head>

id="div1">

div>

body>

html>

HTML CSS的文字屬性,字型屬性,背景屬性

文字顏色 color 行高 line height 文字修飾 text decoration 屬性值 underline 下劃線 overline 上劃線 line through 中劃線 none 設定無 字元間距 letter spacing 單詞間距 word spcing hello wor...

HTML,CSS字型英文

宋體 simsun 黑體simhei 微軟雅黑 microsoft yahei 微軟正黑體 microsoft jhenghei 新宋體nsimsun 新細明體 pmingliu 細明體mingliu 標楷體dfkai sb 仿宋fangsong 楷體kaiti 仿宋 gb2312 fangsong...

HTML Css文字排版 字型 段落

font family 字型的型別現在一般網頁喜歡設定 微軟雅黑 如下 body 字型大小 顏色font size colorbody文字的樣式 粗體 斜體 下劃線 刪除線 縮排 行高 字間距 文字對齊 font weight bold 加粗font style italic 斜體 text dec...