世界十大博彩公司排行--大品牌,值得信赖平凉的世界-世界的平凉!2016年最新最快的365bet体育在线赛事请关注本站!![网站地图]

CSS常用知识点

发布时间: 2020-07-01 02:29  |  来源: 原创  |  作者: admin
一、CSS的三中引入方式:行内样式(内联),内部样式表,外部样式表。 优先级顺序:行内样式(内联)> 内部样式表 > 外部样式表 下面是通过外部引入方式: 行内样式用法: 二、选

  一、CSS的三中引入方式:行内样式(内联),内部样式表,外部样式表。

  优先级顺序:行内样式(内联)> 内部样式表 > 外部样式表

  下面是通过外部引入方式:

  行内样式用法:

  二、选择器

  2.1 元素选择器 div{}

  2.2 类选择器 .cl{}

  2.3 ID选择器 #id{}

  2.4 属性选择器 [type=‘text’]:{}

  优先级问题:

  属性选择器> ID选择器 > 类选择器 >元素选择器

  三、尺寸;

  3.1宽度:width:??px或者?%

  3.2高度; height: ??px或者?%

  四、背景颜色

  使用关键字:background-color:

  五:文本居中;

  text-aline :center

  text-decoration:下划线underline

  line-height:高度固定后,可以设置垂直居中

  六、字体

  font-family:字体类型;可以写多个,浏览器识别的第一个;

  “Microsoft Yahei(微软雅黑),SimSun(宋体),SimHei(黑体)”

  font-size:字体大小;

  font-weight:字体粗细;bold加粗;bolder更粗;lighter更细;400等同于normal;700相当于bold;

  font-style:斜体;normal正常;italic斜体;oblique倾斜(这两个斜体在浏览器看上去相同)

  七、盒模型(重点)

  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(双线)

  border-color:颜色;

  

  margin:0 auto;设置左右居中;

  magin 15px 25px 30px 45px

  四个值的顺序:上 右 下 左;

  以外部引入css样式为例,常用代码如下: