发表于: 2019-03-25 20:35:04
1 697
今天完成的事情:
垂直居中(盒子模型垂直布局时外边距距离过近):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。五种解决办法。
明天计划的事情:
回顾一下任务一,三。理解任务四。
遇到的问题:
脑容量不够,查阅到的知识零散,还是应该先解决任务,借由任务体系增加对基础知识的了解,任务做到一定程度再返回去巩固知识。
评论