字型有以下幾個屬性:
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...