html+css
文章平均质量分 50
ynd_sg
种一棵树最好的时间是十年前,其次是现在
展开
-
children和childNodes的区别
children获取当前元素的子节点元素(不包含文本元素)childNodes获取当前元素的子节点元素(包含文本元素)有的时候不一定有children属性 为了兼容可以把childNodes中的非文本元素过滤出来function getChildeElement(element){ if(element.children){ return element.children }el...原创 2020-01-14 14:56:53 · 765 阅读 · 0 评论 -
html行内元素、块级元素和行内块元素的区别
行内元素大致有b, big, i, small, tt,abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var,a, bdo, br, img, map, object, q, script, span, sub, sup,button, input, label, select, textarea(粗体为较为常用)块级元素有div...原创 2018-03-06 11:01:16 · 4225 阅读 · 0 评论 -
float,clear及overflow总结
float浮动时,脱离文档流(不脱离文本流),但是否占据空间有两种情况:(文档流是文档中可显示对象在排列时所占用的位置)(文本流是指html文本的显示,是相对于文字段落来说的。)情况一:如果浮动元素后紧随的标签果是 内联 或 内联块元素,浮动占据空间。情况二:浮动元素后紧随的 是 块级元素的时候,浮动不占据空间 ,像是浮动元素不存在一样(要设置更大的margin-left(图片宽度加...原创 2018-03-20 16:48:40 · 1579 阅读 · 0 评论 -
css的background-size属性
最近接触到背景图片的设置问题,再次研究了一下background的size属性background-size主要有4个设置值,分别为length(即具体像素大小)、percentage(百分比显示)、cover、contain下面分别说一下4个值的特点:1. length设置length时如果第二个属性为空,则默认为auto,即按图片的比例得出应有的height;2. percentage和len...原创 2018-04-09 14:21:48 · 840 阅读 · 0 评论 -
清除浮动的方式及overflow:hidden能清除浮动的原因
我们都知道"overflow:hidden"可以溢出隐藏,即当内容元素的高度大于其包含块的高度时,设置该属性即可把内容区域超出来的部分隐藏,使内容区域完全包含在该包含块中。然而"overflow:hidden"还有另外一个特殊的用途,那就是清除包含块内子元素的浮动。我们先来看一个实例://html<body> <div class="parent"> <...转载 2018-04-09 16:00:19 · 352 阅读 · 0 评论 -
css相关知识整理
1.可以使用background-clip裁剪背景色,默认为content-box,还可设置padding-box,border-box例如可实现轮播时下面圆轮的点击选中效果。2. clip属性可用于裁剪(元素的position必须是fixed或absolute),最主要的是设置rect(top,right,bottom,left),解释为以源图左上角为参考点,最终裁剪的元素:上边距离原图上面...原创 2018-08-18 16:05:11 · 148 阅读 · 0 评论 -
BOM屏幕宽高width(),outerWidth,innerWidth,clientWidth的区别
基本介绍$(window).width()与$(window).height()$(window).width()与$(window).height():获得的是屏幕可视区域的宽高,不包括滚动条与工具条。$(window).width() = width + padding$(window).height() = height + paddingdocument.documen...转载 2018-03-31 14:03:10 · 655 阅读 · 0 评论