发表于： 2017-07-26 18:57:16
1 521
今天完成的事情：
修改了任务三，解决任务四问题已解决。
明天计划的事情：
提交任务四，学习任务五
遇到的问题：
布局方面和Psd不一致问题，一定要按照Psd上面来做，用标尺量，布局和字体大小样式一样。
如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为
可能的值
| 值 | 描述 |
|---|---|
| visible | 默认值。内容不会被修剪，会呈现在元素框之外。 |
| hidden | 内容会被修剪，并且其余内容是不可见的。 |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
| inherit | 规定应该从父元素继承 overflow 属性的值。 |
裁剪 div 元素中内容的上/下边缘 - 如果溢出元素的内容区域的话overflow-y:hidden;
收获：
学会了去除input周围边框去掉，
outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
学到了文字间距可以用Word-spacing可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性 。
| 属性 | 属性含义 | 属性值 |
| Word-spacing | 定义了各个单词之间的间距 | Normal<length>必须以长度为单位 |
| Letter-spacing | 定义了每个字母之间的间距 | 同上 |
| Text-decoration | 定义文字的“装饰”样式 | None|underline|overline|
line-through|blink |
| Vertical-align | 定义了元素在垂直方向
上的位置 | Baseline|sub|super|top|text-top|middle|bottom|text-bottom
<percentage> |
| text-transform | 使文本转换为其它形式 | Capitalize|uppercase|lowercase|none |
| Text-align | 定义了文字的对齐方式 | Left|right|center|justify |
| Text-indent | 定义了文本的首行的缩进方式 | <length>|<percentage> |
| Line-height | 定义了文本的行高 | Normal|<unmber>|<length>|
<percentage> |
返回列表
评论