html&&css
文章平均质量分 56
萝卜儿
越努力,越幸运。坚持总结工作中遇到的技术问题,和大家一起探讨交流。
展开
-
盒模型
原创 2017-08-18 19:27:18 · 141 阅读 · 0 评论 -
css三种引用方式
行内样式:直接在HTML标签中设置的样式。实际在写页面时不提倡使用,在测试的时候可以使用优点:不会额外的产生请求缺点:1.容易产生重复的代码,造成文档体积变大2.不利于维护3.不符合样式与结构分离的规范 内部样式:在style标签中书写CSS代码。style标签写在head标签中。原创 2017-08-18 19:28:22 · 408 阅读 · 0 评论 -
css基础选择器
1.基础选择器-通配选择器:作用于所有标签,无论你这个标签有没有写,有没有在文档中出现*{}2.基础选择器-标签名选择器:作用于一类标签,方式是通过标签名称,使用场景:重置某类标签的样式body{margin: 0;background-color: red;font-size:14px;color:#ccc;font-family: "微软雅黑"原创 2017-08-18 19:32:57 · 206 阅读 · 0 评论 -
css选择器的优先级
css选择器的优先级:通配选择器 0标签名选择器 1类选择器 10id选择器 100 后代选择器 选择器1 选择器2 ...(会有相加的过程) 群组选择器 选择器1,选择器2,...(不会有相加的过程)1.相同类型的选择器,样式冲突下,后覆盖前2.不同类型的选择器,样式冲突下,优先级高覆盖优先级低3.*4.!important慎用(必原创 2017-08-18 20:12:37 · 184 阅读 · 0 评论 -
margin-外边距重叠
外边距重叠就是margin-collapse。在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。折叠结果遵循下列计算规则:1. 两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。2. 两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。3. 两原创 2017-08-21 19:03:11 · 191 阅读 · 0 评论 -
css-背景设置
css-背景设置背景设置 background: background-color: 背景颜色设置 background-image:url() 背景图片设置background-repeat: repeat-x | repeat-y | no-reoeat;背景平铺设置background-position: x y;背景定位设置background-size:;原创 2017-08-21 19:19:56 · 371 阅读 · 0 评论 -
css-float浮动
float:浮动 float: left right none; 设计之初的作用是做文字环绕 。常用于水平排列,菜单导航。1.浮动的元素撑不开父级的高度float属性对块级元素的影响:设置浮动后,块级元素的宽度不再跟随父级宽度,而是内容决定(内容撑开宽度) float属性对行级元素的影响:可以设置尺寸以及盒模型原创 2017-08-26 20:40:04 · 169 阅读 · 0 评论 -
float-清除浮动
清除浮动1.为什么要清除浮动:CSS中的定位机制分为,文档流,浮动和绝对定位。如果对元素没有进行任何定位处理的话,元素应该处于文档流中,当我们对元素进行了浮动(float)时,我们的元素就会脱离文档流。我们说的清除浮动是指清除由于子元素浮动带来父元素高度塌陷的影响,会让父级产生(1):背景不能显示 (2):边框不能撑开 (3):margin 设置值不能正确显示。2.原创 2017-08-26 21:37:28 · 183 阅读 · 0 评论