发表于: 2017-07-26 18:57:16

1 523


今天完成的事情

                           修改了任务三,解决任务四问题已解决。

明天计划的事情

                           提交任务四,学习任务五

遇到的问题

                          布局方面和Psd不一致问题,一定要按照Psd上面来做,用标尺量,布局和字体大小样式一样

                         如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为

可能的值

描述
visible默认值。内容不会被修剪,会呈现在元素框之外。
hidden内容会被修剪,并且其余内容是不可见的。
scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit规定应该从父元素继承 overflow 属性的值。
                       裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话overflow-x:hidden;

                    裁剪 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>



返回列表 返回列表
评论

    分享到