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