HTML CSS基础详解1
来源:互联网 发布:ps制作淘宝详情页模板 编辑:程序博客网 时间:2024/06/15 14:39
1.字体
font-family属性配置的是字体家族或者说“字型”。下面总结字体家族以及其中的一些常用字体,分别对应:
font-family;说明;常用字体。
serif(有衬线);所有serif字体在笔画末端都有小的衬线,常用于显示标题;Times New Roman,Georgia,Palation。
sans-serif(无衬线);sans是无的意思,常用于显示网页文本;Arial,Verdana,Geneva。
monospace(等宽);宽度固定的字体,常用于显示代码;Courier New,Lucida Console。
cursive(草书、手写体);使用需谨慎,可能造成在网页上难以阅读的情况;Comic Sans MS。
fantasy(异体);风格很夸张,有时用于显示标题,使用需谨慎,可能造成网页难以阅读的情况;Jokerman,Curlz MT。
可以在font-family属性值中列出多个字体和类别,例如,以下CSS配置p元素用Arial字体显示段落文本:
p{font-family:Arial,Helvetica,sans-serif;}
配置body元素选择符,设置全局样式来使用sans-serif字体:
body{font-family:Arial,Helvetica,sans-serif;}
注意:要用引号包含“Times New Roman”,因为字体包含多个单词,例如:
h2{font-family:Georgia,“Times New Roman”,serif;}
2.文本属性
font-size属性:用于设置字号。如下:分别对应 值的类别;值;说明。
文本值; xx-small,x-small,small,medium(默认),large,x-large,xx-large ;在浏览器中改变文本大小时,能很好的缩放,字体号选项有限。
像素单位(Pixel Unit,pt); 带单位的数值,比如:10px; 基于屏幕分辨率显示,在浏览器中改变文本大小时,也许不能很好的缩放。
磅单位(Point Unit,pt); 带单位的数值,比如:10px; 用于配置网页的印刷本,在浏览器中改变文本大小时也许不能很好的缩放。
Em单位(em); 带单位的数值,比如.75em; W3C推荐,在浏览器中改变文本大小时,能很好的缩放,字号选项很多。
百分比单位; 百分比数值,比如75%; W3C推荐,在浏览器中改变文本大小时能很好的缩放,字号选项很多。
font-weight属性:配置文本的浓淡(粗细)。配置CSS规则font-wight:bold具有与XHTML元素<strong>或<b>相似的效果。
font-style属性:一般用于配置倾斜显示的文本(与XHTML元素<i>或<em>相同的视觉效果)。它的值包括normal(默认),italic和oblique。
line-height属性:修改文本行的空白间距,通常配置成百分比值。例如,line-height:200%:将文本配置成双倍行距。
- HTML CSS基础详解1
- HTML CSS基础详解
- html+css基础1
- HTML基础 CSS基础 1
- CSS基础详解1
- 【HTML+CSS】(1)基础语法
- html+css基础1-head
- HTML和CSS基础1
- HTML+CSS基础(1)-理解什么是HTML和CSS
- HTML第十二节(CSS基础详解一)
- HTML第十三节(CSS基础详解二)
- 如何在 HTML 中应用 CSS基础详解
- html+css基础课程总结1
- HTML+CSS基础(1)表格
- HTML&&CSS基础框架
- html&css基础框架
- HTML和CSS基础
- HTML+CSS基础
- B
- 7分钟学会系列之ssh免密码登陆
- Adobe Acrobat reader 鼠标指针变成黑色方块的解决方案
- 搭建基于SSL认证的Docker Registry
- 2进制变十进制
- HTML CSS基础详解1
- 111
- YARN伪分布式安装
- dede织梦上传图片出现Upload filetype not allow!情况怎么解决
- 算法 排序乐园 堆与堆排序
- DEDECMS后台不能修改内容权重解决办法
- 我的博客目录
- Master's Thesis
- 17. 函数重载和默认参数