发表于： 2018-05-14 22:08:59
3 529
今天完成的事：
学习了dl，ol，ul。
ol：有序列表在当列表项目的每个列表项目前面需要一个递增值的时候使用。
ul：无序列表，无序列表是最常使用的列表。
dl：定义列表用来标记已经定义的列表项，它们包括定义标题(dt)以及定义本身(dd)。
background-size属性：
background-size属性可以控制背景图片的大小：length、percentage、cover、contain。
length设置背景图片的高度和宽度，第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"atuo(自动)"；
percentage计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)"；
cover此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小；
contain此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
又学习了一些关于html和css的规范：
HTML规范
1.页面的第一行添加标准模式声明<!DOCTYPE html>;
2.html中除了开头的DOC和 'UTF-8'或者head里特殊情况可以大写外，其他都为小写，css类都为小写;
3.建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言;
4.不同doctype在不同浏览器下会触发不同的渲染模式<meta http-equiv="X-UA-Compatible" content="IE=Edge">;
5.非特殊情况下样式文件必须外链至<head>...</head>之间;非特殊情况下JavaScript文件必须外链至页面底部;
6.语义化：根据元素的初始意义来使用它。比如用heading定义头部元素，p定义段落文字，善用header，footer,main等;
7.多媒体回溯：对于页面上的多媒体，比如图片、视频等，要确保有可替代的接入接口;
8.在页面中尽量避免使用style属性,即style="…"; 写在相应的样式文件中;
9.给区块代码及重要功能(比如循环)加上注释, 方便后期理解和修改;
10.尽可能减少div嵌套。
CSS书写顺序
1.显示属性：display/list-style/position/float/clear …
2.自身属性（盒模型)：width/height/margin/padding/border
3.行高：line-height
4.文本属性：color/font/text-decoration/text-align/text-indent/vertical-align/white-space/content…
5.其他：cursor/z-index/zoom/overflow
6.CSS3属性：transform/transition/animation/box-shadow/border-radius
7.如果使用CSS3的属性，如果有必要加入浏览器前缀，则按照 -webkit- / -moz- / -ms- / -o- / std的顺序进行添加，标准属性写在最后。
排版规范
1.如果是在html中写内联的css，则必须写成单行；
2.每一条规则的大括号 { 前后加空格；
3.属性名冒号之前不加空格，冒号之后加空格；
4.每一个属性值后必须添加分号; 并且分号后空格；
5.每个声明结束都应该带一个分号，不管是不是最后一个声明；
6.除16进制颜色和字体设置外，CSS文件中的所有的代码都应该小写；
7.除了重置浏览器默认样式外，禁止直接为html tag添加css样式设置。
class命名
1.规则命名中，一律采用小写加中划线的方式，不允许使用大写字母或 _，必须以字母开头；
2.命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合；
3.不允许通过1、2、3等序号或者简单字母进行命名，避免与id重名以及后期理解和修改问题；
4.class用于标识某一个类型的对象，命名必须言简意赅；
5.规则名称中不应该包含颜色（red/blue）、定位（left/right）等与具体显示效果相关的信息。应该用意义命名，而不是样式显示结果命名；
6.尽可能提高代码模块的复用，样式尽量用组合的方式。
明天计划的事：做任务五
遇到的问题：无
收获：对html和css的规范认识更全面了，学会了一些属性的应用
返回列表
评论