wen_special的博客

padding：内边距。内部填充。设置padding之后会撑开容器的大小。可以设置4个方向的：top，right，bottom，left。 若padding:20px ，则在容器的4个方向的padding都为20px; 若padding：20px 30px， 则在容器的上下方向的padding值为20px，左右方向的padding值为30px; 若padding：10px 20px 30px，...

关于浮动的两个概念： 文档流： 文档中可显示对象在排列时所占用的位置 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 浮动的特征： 块在一排显示 内联支持宽高 默认内容撑开宽高 脱离文档流 清除浮动： clear:left|right|none|both|inherit:元素的某个方向上不能有浮动的元素 clear：both:在左右...

关于positon的几种定位 static:默认值 innert:继承 relative:相对定位 absolute:绝对定位 fixed:固定定位 sticky：粘性布局 position:relative 相对地位 不影响元素本身的特性 不使元素脱离文档流，即：元素移动之后原始位置会被保留 提升层级 html <div id = 'test1'></div&...

html自带的input框比较丑一点，如下图， 丑丑的checkbox 重新设计checkbox框的样式！ [1] 思路：将原来的input隐藏掉，添加一个新的标签，如<lable></lable>标签 。设置lable标签的样式，在为其点击后加个对勾 [2] <input type="checkbox" class="checkbox" > <la...