字体
font-family
设置字体风格
1.当font-family的属性值包含空格或特殊字符时 需要将font-family属性值用引号括起来
2.font-family有‘后备’机制 可以为元素设置多种字体 当浏览器不识别第一种字体时 会尝试找下一个
3.当font-family 的属性值又多个时 使用逗号隔开
font-family : 楷体;
font-family : “agency fb”;
font-family : “agency fb”,楷体,宋体;font-size
设置字体大小
font-size : 20px;font-style
设置字体风格
normal 正常体
italic 斜体
oblique 斜体(强制倾斜)font-weight
设置字体的粗细
bold 粗体
100-900 值越大字体越粗
400 正常字体
700 粗体7.display属性
display
规定元素生成框的类型
block 元素会被显示 且元素会变成块级元素 元素前后会有换行符
none 元素会被隐藏
inline 元素会显示为行内元素 元素前后没有换行符
inline-block 行内块级元素块级元素
可以设置元素的宽高和边框 元素会自动换行
行内元素
不可以设置元素的宽高和边框 元素不会自动换行
行内块级元素
可以设置元素的宽高和边框 元素不会自动换行8.浮动float
float
noneleft
左浮动
right
右浮动1. 只有横向浮动 没有纵向浮动
2. 会将元素的display属性变更为block
3. 浮动元素的后一个元素会围绕着浮动元素 (典型运用时文字围绕图片)
4. 浮动元素的前一个元素不会受到任何影响(如果想让两个块级元素并排显示 必须让两个块级元素都应用float)
清除浮动
Clear:both;9.盒子模型
border
设置所有的边框属性
border-style
设置边框风格
solid(实线边框) dashed(虚线边框) dotted(点线边框) double(定义两个边框)border-color
设置边框颜色
border-width
设置边框粗细
border-collapse 合并边框
设置是否将表格边框折叠为单一边框
属性值 separate(单元格边框独立 默认) collapse(单元格边框合并)
border-radius
设置边框圆角
padding
设置内边距
margin
设置外边距10.伪类选择器
:hover(盘旋)
鼠标移入触发
写法:选择器 : hover{
属性名:属性值;
}
itemStyle emphasis选中字体颜色
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:dubbo如何确保调用本地服务
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的CSS - 故障字体效果
用 css 实现一个404故障字体效果。
css 动效 故障效果 404动画 ux -
Python获取颜色RGB值
Python获取颜色RGB值
Python 图像处理 屏幕截图