美文网首页
李银杰跟着李南江学习HTML5—CSS学习

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

作者: _twoDog | 来源:发表于2016-11-30 18:20 被阅读0次

      在紧张的时间中跟着南江哥学完了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)

    相关文章

      网友评论

          本文标题:李银杰跟着李南江学习HTML5—CSS学习

          本文链接:https://www.haomeiwen.com/subject/covipttx.html