李银杰跟着李南江学习HTML5—CSS学习

  在紧张的时间中跟着南江哥学完了html，虽然自己的时间比较紧迫，不过感觉学到了很多东西，看了南江哥的视频后收获很大，南江哥的视频质量和视频内容真的没得说，是我看过的最好的视频。马上就进入CSS的学习了，希望自己跟着江南哥能更进一步，也非常有自信学好html和css。下面就开始css的学习吧。

1.文字相关属性：

指定文字样式：font-style：     （italic  倾斜的）（normal 正常的）

规定文字粗细的属行：font-weight：      （bold  加粗）（bolder 比加粗还粗）（light  细线）

规定文字大小：font-size：  30px；

指定文字字体：font-family：“楷体”；

2.企业开发中常见的字体：

中文：黑体（SimHei）/宋体（SimSun）/微软雅黑（Microsoft YaHei）

英文：Times new Roman/Arial

3.文本装饰属行： text-decoration:  underline(下划线)、linethough（删除线）、overline（上划线）、none（什么都没有，通常用来去掉下划线）。

文本水平对齐属行：text-align： left、right、center

文本缩进属行：text-indent：2em；其中一个em代表缩进一个字的距离

4.CSS3中新增的选择器最具代表性的就是序选择器

1.同级别的第几个

:first-child 选中同级别中的第一个标签

:last-child 选中同级别中的最后一个标签

:nth-child(n) 选中同级别中的第n个标签

:nth-last-child(n) 选中同级别中的倒数第n个标签

:only-child 选中父元素中唯一的标签

注意点: 不区分类型

2.同类型的第几个

:first-of-type 选中同级别中同类型的第一个标签

:last-of-type  选中同级别中同类型的最后一个标签

:nth-of-type(n) 选中同级别中同类型的第n个标签

:nth-last-of-type(n)  选中同级别中同类型的倒数第n个标签

:only-of-type 选中父元素中唯一类型的某个标签

3.优先级： id>类>标签>通配符>浏览器默认

4.背景属性缩写的格式

background: 背景颜色（background-color：；） 背景图片（background-img：；） 平铺方式（background-repeat） 关联方式（background-attachment） 定位方式（background-position）;

5.display：inline   block inline-block   设置为行内或者块元素和行内块元素。

6.缩写

f+（font：bold italic 10px 楷体）   bg+（#fff url（） 0 0 no-repeat）  bd+（1px solid #000）

学HTML5就选李南江，选培训机构我只选小码哥（www.520it.com）