提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
在学习前端的过程中的一部分知识的总结,分享给大家同时增强记忆。
html是超文本标记语言, (考试和之后的面试中都有可能会被问到,同时因为这仅仅是一个概念所以会导致很多人产生遗忘)
它是一个段落标签,给一段话赋予语义 (记录理由上同)
1.父级添加overflow属性(同时在解决塌陷问题时也用到了( overflow:hidden)) (父元素添加overflow:hidden) 缺点:内容增多的时候容易造成不会自动换行导致内容被隐藏掉,无法显示要溢出的元素 2.使用after伪元素清除浮动
clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .clearfix{ *zoom: 1;/*只有IE6-IE7执行,其他浏览器不执行*/ }3.使用before和after双伪元素清除浮动
.clearfix:after,.clearfix:before{ content: ""; display: table; } .clearfix:after{ clear: both; } .clearfix{ *zoom: 1; }```我个人容易忘 border-radius:50px 25px; //表示左上角和右下角使用第一个值,右上角和左下角使用第二个值
border-radius:25px 10px 50px 0;//左上角、右上角、右下角、左下角(顺时针顺序
首行缩进:CSS属性中的【text-indent】进行设置
p{ text-indent:2em; }text-inde 段落首行缩进,2em缩进2字符。
padding会撑开盒子 所以可以添加 box-sizing: border-box ;来解决
1,position:static(默认)
默认为static 不写就有,也就是按照文档的流式(flow)定位,将元素放到一个合适的地方。所以在不同的分辨率下,采用流式定位能很好的自适合,取得相对较好的布局效果。
2,position:relative(相对定位)(子绝父相)
如果我想让一个元素在他本来的位置做一些调整(位移),我们可以将该元素定位设置为relative,同时指定相对位移(利用top,bottom,left,right)。
相对定位的元素仍然占据着他本来占据的位置空间——虽然他现在已经不在本来的位置了。(原位置会被占)
3,position:absolute(绝对定位)(子绝父相)
将一个元素放至指定位置,可以使用absolute来定位,将该元素的position设置为absolute,同时使用top,bottom,left,right来定位。
绝对定位会使元素从文档流中被删除,结果就是该元素原本占据的空间被其它元素所填充。(不占位置) 4,position: fixed(固定定位)
使用fixed定位,让一个div定位在浏览器文档的一个你想让它待的位置。
1.String String类型用于表示由零或多个16位的Unicode字符组成的字符序列,即字符串。至于用单引号,还是双引号,在js中还是没有差别的。记得成对出现。
2.Number 该类型的表示方法有两种形式,第一种是整数,第二种为浮点数。整数:可以通过十进制,八进制,十六进制的字面值来表示。浮点数:就是该数值中必须包含一个小数点,且小数点后必须有一位数字。
3.Boolean 即布尔类型,该类型有两个值:true、false。需要注意的是,Boolean类型的字面值true和false是区分大小写的。也就是说,True和False(以及其它的混合大小形式)都不是Boolean值,只是标识符。
4.Null Null类型是第二个只有一个值的数据类型。其特殊值就是Null。从逻辑角度上看,null是一个空的对象指针。而这也正是使用typeof操作符检测null值,会返回“object”的原因。
5.Undefined Undefined类型只有一个值,即特殊值undefined。在使用var声明变量,但未对其加以初始化时,这个变量值就是undefined。引用数据类型