定位的应用
摘要:定位:static、relative、static、fixed。relative:相对定位不脱离标准流,相对static默认位置来决定坐标点,偏移后,原位置不变。absolute:绝对定位,相对最近定位的父类,否则相对document。fixed:相对浏览器边框,随着浏览器下拉,再浏览器中的位置不变
阅读全文
posted @
2019-12-26 15:42
code丶wei
阅读(122)
推荐(0) 编辑
浮动和清除浮动
摘要:块级元素添加浮动后具有了行内块元素的特性。行内元素添加浮动后也具有了行内块元素的特性。 清除浮动:1、添加标签 <div style="clear:both"></div> 优点:通俗易懂,书写方便。 缺点:添加无意义标签,结构化比较差。2、给父级添加overflow:hidden属性,通过促动BF
阅读全文
posted @
2019-12-26 15:40
code丶wei
阅读(108)
推荐(0) 编辑
外边距合内边距
摘要:外边距在垂直的块级盒子上出现外边距重叠,以最大的外边距为主父子盒子外边距合并解决方法:1.给父盒子添加个边框。或者给个padding:1px,也可以解决。2、overflow:hidden;溢出隐藏,涉及BFC margin的auto居中必须满足两个条件:1、必须是块级元素。2.盒子必须指定宽度。
阅读全文
posted @
2019-12-26 15:37
code丶wei
阅读(174)
推荐(0) 编辑
css三大特性:层叠性、继承性、优先级
摘要:层叠性:后者覆盖前者。长江后浪推前浪。前浪死在沙滩上。继承性:龙生龙,凤生凤。继承样式一般与文字样式有关。字体,字号,颜色,行距等等、不被继承的样式:边框,内外边距,背景、定位、高。 权重优先级:!important>行间样式>id>class|属性>标签选择器>通配符 !important 无限大
阅读全文
posted @
2019-12-26 15:35
code丶wei
阅读(160)
推荐(0) 编辑
元素显示模式
摘要:元素显示分为块级元素、行内元素和行内块元素。 块级元素(block):h1~h6,p,div,ul,ol,li。特点:1,总是从新行起,2,高度,行高,外边距以及内边距都可以控制,3宽度默认是100%,4可以容纳内联连元素和其他元素。 行内元素inline:a,strong,b,em,i,del,s
阅读全文
posted @
2019-12-26 15:17
code丶wei
阅读(135)
推荐(0) 编辑
cssW3c书写规范
摘要:书写规范:{ 1、选择器名和{大括号之间必须空格(p {}) 2、属性名与之后的:之间不允许空格,:与属性值之间必须空格( p{font-size: 20px;}) 3、并集选择器的每个选择器声明必须单独占一行。 4、选择器的嵌套应不大于三层,应该尽可能用少的语言 更精准的描述( good: .na
阅读全文
posted @
2019-11-27 16:07
code丶wei
阅读(301)
推荐(0) 编辑
css字体标签相关
摘要:斜体: i:斜体em:斜体,强调的意思,有特殊含义,尽量用i或者cssfont-style:字体风格 normal默认值,italic斜体,oblique倾斜的字体 粗体: b,strong:粗体font-weight:字体粗细100~900, 其中400=normal,700=bold,还有bol
阅读全文
posted @
2019-11-27 15:59
code丶wei
阅读(654)
推荐(0) 编辑
标签显示模式
摘要:样式分为:1、行内样式表2、内部样式表3、外部样式表 三种样式区别: 权重又高到低:行内样式>内部样式>外部样式。 使用推荐又高到低:外部样式>内部样式>行内样式。 控制范围:行内控制一个标签,内部控制一个页面,外部控制多个页面。 样式分离度由高到低:外部>内部>行内 标签显示模式分为:块级标签,行
阅读全文
posted @
2019-11-27 15:56
code丶wei
阅读(168)
推荐(0) 编辑
CSS选择器
摘要:选择器 选择器分类: 元素选择器 id选择器 #element 类选择器 .element 标签选择器 element 通配符选择器(*,损耗资源,慎用) 关系选择器 后代选择器 E F 直接子代选择器 E > F F是E的子类 相邻选择器 E+F E和F相邻 兄弟选择器 E~F E和F是兄弟标签
阅读全文
posted @
2019-06-30 20:44
code丶wei
阅读(761)
推荐(0) 编辑