分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

CSS3:文字属性

发布时间:2023-09-06 01:26责任编辑:苏小强关键词:CSS

文字属性注意的细节:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>HTML5+CSS3</title><style> ???p { ???????/*font-family: "unknow font","Microsoft Yahei";*/ ???????font-family: "Times New Roman","Microsoft Yahei"; ???}</style></head><body><!--1:如果设置的字体不存在,那么系统会使用默认的字体来显示宋体2:如果设置的字体不存在,而我们又不想用默认的字体来显示怎么办? ???可以给字体设置备选方案:font-family: "unknow font","Microsoft Yahei";3:如果想给中文和英文分别设置单独的字体,怎么办? ???但凡是中文字体,里面都包含了英文;但凡是英文字体,里面都没有包含中文 ???也就是说中文字体可以处理英文,而英文字体不能处理中文 ???所以英文字体的设置要写在中文字体设置的前面:font-family: "Times New Roman","Microsoft Yahei";补充:在企业开发中最常见的字体有以下几个:中文:宋体 (SimSun)/黑体(SimHei)/微软雅黑 (Microsoft YaHei)英文:"Times New Roman"/Arial以上字体,在操作系统中默认就有因为中文字体其实都有自己的英文名称,所以是不是中文字体主要看能不能处理中文--><p>ABC这是一个段落</p></body></html>

文字属性的缩写格式

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>HTML5+CSS3</title><style> ???p { ???????/*font-style:italic; ???????font-weight:bold; ???????font-size:10px; ???????font-family:"Microsoft YaHei";*/ ???????font:italic bold 10px "Microsoft YaHei"; ???}</style></head><body><!-- ???p { ???????font-style:italic; ???????font-weight:bold; ???????font-size:10px; ???????font-family:"Microsoft YaHei"; ???} ???缩写的格式为: ???p { ??????font:italic bold 10px "Microsoft YaHei"; ???} 注意点:1:在缩写格式中有的属性值可以省略,如:style , weight属性2:在缩写格式中style和weight的位置可以互换3:size与family两个属性不能省略且位置不能互换,size属性一定写在family的前面--><p>ABC这是一个段落</p></body></html>

文本相关属性

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>HTML5+CSS3</title><style> ???p { ???????text-decoration:underline; ???} ???a { ???????text-decoration: none; ???} ???.right { ???????text-align: right; ???}</style></head><body><!--1:文本装饰的属性 ???text-decoration:underline; ???该属性的取值如下: ???underline:下划线 ???line-through:删除线 ???overline:上划线 ???none:常见用途就是去掉超链接的下划线2:文本水平对齐的属性 ???text-align: right; ???取值: ???right:右 ???left:左 ???center:居中3:文本缩进的属性 ???text-indent: 2em ???取值: ???2em:em是单位,一个em代表缩进一个文字的宽度 ???--><u>这是带下划线的文字</u><s>这是带删除线文字</s><o>这是带删除线文字</o><p class="right">靠右对齐的文字</p><p>这是段落</p><a href="">超链接</a></body></html>

  

 

CSS3:文字属性

原文地址:http://www.cnblogs.com/ginvip/p/7891024.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved