KangKiHao的博客

原创 CSS定位装饰

绝对定位不占原有的位置，改变标签原有的显示模式特点，具备行内块特点，相对父级移动，父级定位则相对父级移动，如果父级不满足则相对浏览器移动 （父级是广义上的父级，更高级的定位而父级没有定位会跟着更高的定位走）可以用left 和top各加50%来居中，但这是相对于参照物移动，还需要加 margin-left 和 margin-top来调整位置，但取值是负数才会向左和上移动。可以让计算机自己计算并位移自己宽高的一半。画一个正圆：盒子必须是正方形，设置边框圆角为盒子的一半，即border-radius:50%

原创 CSS浮动

3.单伪元素清除法 与额外标签法原理一样，只是通过伪元素添加一个元素在最后 .clearfix::after{content:’ ';浮动会脱离标准流，在标准流中不占位置，且浮动比标准流高半个级别，可以覆盖标准流中的元素，浮动找浮动，下一个浮动会在上一个浮动上下左右出现。2.在父元素内容的最后添加一个块级元素，给添加的块级元素设置clear:both(可以只清除左浮动或右浮动，both是都清除）float：left；在有的情况下浮动会带来影响，如父级没有加高，浮动又不占位置，就会对其他标签产生影响。

原创 CSS盒子模型

概念：页面中每一个标签都可以看做一个盒子，每个盒子由（内容区域content）（内边距区域padding）（边框区域border）（外边距区域margin）组成。解决方法：给父元素设置border-top或padding-top；边框（border）快捷键（bd+tad）单个取值的连写，取值之间以空格隔开，如：border：10px solid red；外边距的折叠现象-塌陷问题：互相嵌套的块级元素，子元素的margin-top会作用在父元素上，导致父元素一起往下移动。注意边框和内边距都会撑大盒子。

原创 CSS进阶

属性值 （方位名词） 水平方向：left；在父标签中子标签会继承父标签的CSS属性，但如果子标签有自己的属性则不会继承。（数字加px ）原点（0，0）盒子左上角；并集选择器 ：选择器1，选择器2{ } 同时选择多个标签设置相同样式。如果背景图与盒子大小一样可以直接写 background：url（）交集选择器：选择器1选择器2{ }同时满足选择器1和选择器2的。背景属性连写：background（bg）没有固定顺序。复合选择器（后代选择器） 选择器1 选择器2{ }（子代选择器） 选择器1>选择器2{ }

原创 CSS基础

text-decoration 是文本修饰 underline是下划线，line-through是删除线，overline是上划线，none是无装饰线。（2）选择器类 类名可以由数字字母下划线中划线组成，但不能以数字开头，用.类名写出，用的的时候在标签中加class标签加类名就行。text-align 是文本水平对齐方式 （left 左对齐） （center 居中对齐） （right 右对齐）font-weight 字体粗细 正常（normal）（400）加粗（bold）（700）

原创 HTML（表格表单）

无序列表 ul标签中间只有li标签，li标签中为内容，一个li负责一个内容。自定义列表 dl中有dd和dt标签，dd标签默认缩进。th标签可以替代td,内部文字默认加粗，是表头单元格。表单 table标签套tr,tr套td。有序列表 ol标签中有li标签。表格大标题 caption。border 是边框高度。height 是表格高度。rowspan 垂直合并。colspan 水平合并。widh 是表格宽度。

原创 HTML(基础）