首页 > 知识点讲解
       CSS/CSS3设置文字效果
知识路径: > 电子商务系统程序设计基础 > Web 设计基础 > CSS3 样式表 > CSS3样式表 > 
被考次数:4次     被考频率:中频率     总体答错率:49%     知识难度系数:     
相关知识点:41个      
               文字字体的设置
               (1)设置字体font-family。
               基本语法:
               
               语法说明:应用font-family属性可以一次定义多个字体,而在浏览器读取字体时,会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体,则自动读取第二种字体,以此类推。
               (2)设置字号font-size。
               基本语法:
               
               语法说明:绝对尺寸是指尺寸大小不会随着显示器分辨率的变化而变化,也不会随着显示设备的不同而变化。绝对尺寸可以使用的单位包括in(英寸)、px(像素)、cm(厘米)、mm(毫米)、pt(点)、pc(皮卡)。相对尺寸是指尺寸大小继承于该元素属性的前一个属性单位值。百分比是基于父元素中字体的大小为参考值的。
               (3)设置字体样式font-style。
               基本语法:
               
               语法说明:normal代表正常显示(浏览器默认的样子);italic代表斜体显示文字;oblique代表歪斜体显示。
               (4)设置字体加粗font-weight。
               基本语法:
               
               语法说明:normal表示正常粗细;bold表示粗体;bolder表示加粗体;lighter表示细体(比正常字体还细);number取值为数字,一般都是整百,有九个级别(100~900),数字越大字体越粗。
               文字排版的设置
               (1)调整字符间距letter-spacing。
               基本语法:
               
               语法说明:normal表示间距正常显示,是默认设置;长度包括长度值和长度单位,长度值可以使用负数。
               (2)调整单词间距word-spacing。
               基本语法:
               
               语法说明:normal表示间距正常显示,是默认设置;长度包括长度值和长度单位,长度值可以使用负数。
               (3)添加文字修饰text-decoration。
               基本语法:
               
               语法说明:语法中的属性值可以是上面所列的一个或多个。依次代表下画线、上画线、删除线。
               (4)设置文本排列方式text-align。
               基本语法:
               
               语法说明:该语法中的4个属性值可以任意选择其中一个。其中,left代表左对齐方式;right代表右对齐方式;center代表居中对齐方式;justify代表两端对齐方式。该属性可应用于HTML中的任何模块级标签。
               (5)设置段落缩进text-indent。
               基本语法:
               
               语法说明:长度包括长度值和长度单位,长度单位同样可以使用之前提到的所有单位。百分比则是相对上一级元素的宽度而定的。
               (6)调整行高line-height。
               基本语法:
               
               语法说明:normal为浏览器默认的行高,一般由字体大小属性来决定;数字表示行高为该元素字体大小与该数字相乘的结果;长度表示行高由长度值和长度单位确定;百分比表示行高是该元素字体大小的百分比。
               文本溢出处理text-overflow(CSS3新增)
               基本语法:
               
               语法说明:clip规定对溢出的文本进行裁切。ellipsis规定使用"…"替代溢出的文本。string规定使用指定的字符串替代溢出的文本。
               控制文本换行overflow-wrap和word-break(CSS3新增)
               overflow-wrap基本语法:
               
               语法说明:normal默认值,保持浏览器的默认处理。break-word规定当字符串过长时,允许在单词间断行。anywhere规定当字符串过长时,允许在单词任意字符处内断行。
               word-break基本语法:
               
               语法说明:normal默认值,保持浏览器的默认处理。break-all强制将单词截断实现换行效果。keep-all规定不允许字断开。break-word属性值用于确保文本不会溢出。
               文本阴影text-shadow(CSS3新增)
               基本语法:
               
               语法说明:颜色表示阴影的颜色值。x轴为水平方向的偏移量,单位是像素。y轴为垂直方向的偏移量,单位是像素。模糊半径为阴影的影响范围,不能为负值,值越大越模糊。
               使用服务器端字体@font-face(CSS3新增)
               基本语法:
               
               语法说明:@font-face的作用可以引入服务器端网络字体,如果不使用此属性,那么只能够使用本机已经安装的字体WebFontName必需,自定义字体的名称。source必需规定自定义字体的路径,可以是相对路径也可以是绝对路径。format规定自定义字体的格式。font-weight规定字体是否为粗体。font-style规定字体的样式,例如斜体。
 
 相关知识点:
 
软考在线指南
优惠劵及余额
在线支付
修改密码
下载及使用
购买流程
取消订单
联系我们
关于我们
联系我们
商务合作
旗下网站群
高级资格科目
信息系统项目管理师 系统分析师
系统架构设计师 网络规划设计师
系统规划与管理师
初级资格科目
程序员 网络管理员
信息处理技术员 信息系统运行管理员
中级资格科目
系统集成项目管理工程师 网络工程师
软件设计师 信息系统监理师
信息系统管理工程师 数据库系统工程师
多媒体应用设计师 软件评测师
嵌入式系统设计师 电子商务设计师
信息安全工程师
 

本网站所有产品设计(包括造型,颜色,图案,观感,文字,产品,内容),功能及其展示形式,均已受版权或产权保护。
任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
本站部分内容来自互联网或由会员上传,版权归原作者所有。如有问题,请及时联系我们。


工作时间:9:00-20:00

客服

点击这里给我发消息 点击这里给我发消息 点击这里给我发消息

商务合作

点击这里给我发消息

客服邮箱service@rkpass.cn


京B2-20210865 | 京ICP备2020040059号-5 |京公网安备 11010502032051号 | 营业执照 | Copyright ©2000-2023 All Rights Reserved 软考在线版权所有