码迷,mamicode.com
首页 > 其他好文 > 详细

字体、盒模型和高级选择器

时间:2019-12-05 13:19:04      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:十六   font   点线   order   msu   ted   ash   字体类   字体颜色   

字体

font-family:字体类型;可以写多个,浏览器识别的第一个;
“Microsoft Yahei(微软雅黑),SimSun(宋体),SimHei(黑体)”

  

字体大小

font-weight:字体粗细;bold加粗;bolder更粗;lighter更细;400等同于normal;700相当于bold;
font-style:斜体;normal正常;italic斜体;oblique倾斜(这两个斜体在浏览器看上去相同)

  

字体颜色

十六进制的颜色值 #ff0000 缩写#f00
RGB值:rgb(255,0,0)

  

盒模型

margin:外边距

margin-top(顶部)

margin-left(左边)
margin-bottom(中间)

margin-right(右边)

 

外边距合并:当两个垂直外边距相遇时,它们将形成一个外边距,可以使用padding或border分开两个外边距。

内边距:padding

 

padding-top
padding-left padding-bottom
padding-right border:边框; border-width:宽度; border-style:solid(实线)dotted(点线)dashed(虚线)double(双线)

  

 

四个值的顺序:上 右 下 左

 

 高级选择器

 

通配符选择器;*{font-size:12px;}
选择器分组:div,p{}
后代选择器: div a{};
子选择器 div>a{};
相邻兄弟选择器div+p{};
伪类选择器a:hover{}

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

font-family:字体类型;可以写多个,浏览器识别的第一个;
“Microsoft Yahei(微软雅黑),SimSun(宋体),SimHei(黑体)”  

字体、盒模型和高级选择器

标签:十六   font   点线   order   msu   ted   ash   字体类   字体颜色   

原文地址:https://www.cnblogs.com/wangzihao147/p/11984663.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!