做网站公司 蓝纤科技,免费3d建模软件,网站开发后台的问题,江西有色建设集团公司 网站本文创建于2020年9月#xff0c;以下为正文#xff1a;CSS中有哪些字体属性呢#xff1f;font#xff1a;复合属性。设置或检索对象中的文本特征。font-style#xff1a;设置或检索对象中的字体样式。用于定义字体的风格#xff0c;如#xff1a;斜体#xff08;italic…本文创建于2020年9月以下为正文CSS中有哪些字体属性呢font复合属性。设置或检索对象中的文本特征。font-style设置或检索对象中的字体样式。用于定义字体的风格如斜体italic等等。font-variant设置或检索对象中的文本是否为小型的大写字母。font-weight设置或检索对象中的文本字体的粗细。font-size设置或检索对象中的字体尺寸在开发中12px字体最常用。font-family 设置或检索用于对象中文本的字体名称序列用于定义字体的样式如黑体宋体等等。1.color规定文本的颜色定义元素内文字颜色语法color颜色名|十六进制|RGB1预定义的颜色值如red,green,blue等。2十六进制如#FF0000#FF6600等。实际工作中十六进制是最常用的定义颜色的方式。3RGB代码如红色可以表示为rgb25500或rgb(100%,0%,0%).如div{color:red;}div{color:#ff0000;}div{color:rgb(255,0,0);}div{color:rgba(255,0,0,.5);}2.font-style 指定文本的字体样式正常、斜体该属性设置使用斜体、倾斜或正常字体。斜体字体通常定义为字体系列中的一个单独的字体。理论上讲用户代理可以根据正常字体计算一个斜体字体。默认值 normalnormal 正常字体italic 斜体字p{font-style:italic;}3.font-size 指定文本字体大小通过像素来指定字体大小 1px1像素font-size绝对单位|相对单位分别为px像素|em/%p{font-size:12px;}4.font-family定义文本使用某个字体默认值 由浏览器确定示例font-familyMicrosoft YaHei;font-family“Microsoft YaHei,Simsun”“SimHei;5.font-weight 指定文本的粗细字体加粗除了用b和strong标签之外可以使用CSS来实现。normal默认值。定义标准的字符。bold定义粗体字符bolder定义更粗的字符lighter定义更细的字符100~900定义由粗到细的字符。400等同于normal而700等同于 old 。 inherit规定应该从父元素继承字体的粗细。设置三个段落的字体的粗细p.nomal{font-weight:normal;}p.thick{font-weight:bold;}p.thicker{font-weight:900;}6.letter-spacing设置字的间距(增加或减少)该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符要窄指定长度值时会调整字母之间通常的间隔。因此normal就相当于值为0.如div{letter-spacing2px;}normal默认。规定字符间没有额外的空间。length定义字符间的固定空间允许使用负值。inherit规定应该从父元素继承letter-spacing属性的值。7.opacity 设置颜色的透明度整个元素都会透明默认值1取值为0-11为不透明0为完全透明示例p{opacity0}隐藏一个元素完全不显示但是会占空间只是看不到p{opacity:1;}显示一个元素 它和rgba中的”a“作用一样8.overflowhidden|auto|scroll当内容溢出元素框时隐藏|自动|显示滚动条visible默认值。内容不会被修剪会呈现在元素框之外。hidden内容会被修剪并且其余内容是不可见的。scroll内容会被修剪但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪则浏览器会显示滚动条以便查看其余内容。inherit规定应该从父元素继承overflow属性的值。设置overflow属性代码div{width150px;height:150px;overflow:scroll;}9.text-overflow让溢出的文字以省略号显示p{height:20px; width:100px;background:#ddd;}width-spacenowrap; 让文字在同一行显示不换行overflowhidden 溢出部分隐藏text-overflowellipsis 文字一处部分省略号显示另外一个值为clipps:如果您觉得有用请点赞转发让更多人看到哦
