发表于: 2019-03-25 20:35:04

1 699


今天完成的事情:

垂直居中(盒子模型垂直布局时外边距距离过近):align-items:center;   line-height;   display;inline-block设置成行内块状元素。

权值优先级规则:四个等级:一、内联样式 例:style=“”   二、ID选择器 例:#id=“”   三、class  四、div,p等。

类选择器可以结合元素选择器使用 例:p.important(类名)则class属性为important的所有段落。

多类选择器:例:<p class="important  warning">类选择器可以设置多个属性。

浮动:是div脱离标准文档流,漂浮在标准文档流之上,和标准文档流不是一个层级。

         假如某个div元素A是浮动的,如果A上一个元素元素浮动则A跟随在上一个元素后。(一行若放不下则A被挤到下一行)

         如果A上一个元素是在标准文档流之中的,则A相对垂直位置不变。

         若A下一个元素也在标准文档流中,则A下一个元素会上移占据A原本位置。

清除浮动:

         clear:none/left/right/both

         none:默认值,两边都可以有浮动对象          left:不允许左边有浮动对象

         right:不允许右边有浮动对象                     both:不允许有浮动对象

         clear只能影响使用清除的元素本身,不能影响其他元素。

网站样式文件应分开:

         头部,底部,客服等为公共样式,放在global.css文件中。

         首页主体样式放在index.css文件中。

         内页主体样式放在layout.css文件中。

了解了有序列表,无序列表,自定义列表:

          有序列表(ol-li)无序列表(ul-li)自定义列表(dl-dt-dd)dt和dd为同级标签。

          有序列表:

                  type,start。  type有五个属性值:1,a,A,i,I(罗马数字)                

                  type=“a”start=“3”表选择小写字母类型,从从第三个字母C开始充当列表前缀。

         无序列表:

                 默认前缀样式:实心圆(disc)。属性type,值:disc实心圆默认,circle空心圆,square实心正方形,none取消前缀。

         自定义列表:

                 无前缀,dt可添加行级或行内块级元素,dd内可添加任意标签。二者之间有缩进。

了解background-orign,background-clip,background-size:

         background-origin:属性padding,border,content,相对于内容框定位背景图片。

         background-clip:确定背景裁剪区域

        background-size:设置背景图片大小。

                  取值为length:长度值在0%~100%之间

                            percentage:大小由所在区域宽高及background-orign位置设定。

了解margin重叠现象,有设置padding属性,设置成透明边框,绝对定位脱离文档流,overflow:hidden,float:left。五种解决办法。


明天计划的事情:

     回顾一下任务一,三。理解任务四。         


遇到的问题:

          脑容量不够,查阅到的知识零散,还是应该先解决任务,借由任务体系增加对基础知识的了解,任务做到一定程度再返回去巩固知识。


返回列表 返回列表
评论

    分享到