Emmet 用和 CSS 选择器相似的语法来描述元素的嵌套层级关系和属性,实现 HTML/XML/CSS 等代码的智能自动补全。
额,是自己搞混了,word-wrap和word-break 是规定换行的处理方式。决定是否换行的是white-space属性。
calc()能让你定义的元素的做计算,可以给元素使用百分比、em、px和rem单位值计算出其宽度或者高度
给导航加一个鼠标移入后 下划线向两边展开的动画效果效果
是因为devicePixelRatio(设备像素比)的问题,因为手机分辨率太小,如果按照分辨率来显示网页字会非常小,所以苹果就把iPhone 4的960640分辨率在网页里只显示了480320,这样devicePixelRatio=2; 现在android比较乱,有1.5/2/3等,想让图片在手机
以往,js多行字符串用\n写起来比较麻烦,ES6标准新增了一种多行字符串的表示方法,用` ... `表示:
关于绝对定位元素的参照点,相信大家都知道,那就是离它最近的具有动态定位(absolute、relative、fixed)的祖先元素的左上角,如果它的祖先元素都没有动态定位,则把文档根元素即html元素的左上角当做参照点来进行绝对定位(记住,不是body元素,而是html元素,大家可以自己去验证,这不
做一个在网页左侧显示的菜单,使用ul列表,给每个li标签加上border后会出现与相邻li标签border叠加的情况: 解决方法:给li在样式中指定margin-top:-1px; 这样两个边框就可以重叠在一起了:
CSS3的transform:scale()可以实现按比例放大或者缩小功能。 利用此特性可实现我们的需求 代码如下: <html> <head> <meta charset="UTF-8"&g
同样的高、行高,border paddding,发现input和button就是对不齐,这个现象多Chrome中,它使用Quirks模式下,button 的border的边框也计算在元素的宽高里边了,解决方法:在外面套个包裹层,然后把input和button浮动就可以了。
兼容模式开启后浏览器会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出各种各样的问题,加入以下代码,可解决乱码问题: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
使用vux 的Calendar组件时,日历头部的文字出现了字体过大的情况
css3 animation 动画完成后停留在最后一帧
原生JS获取dom元素在兄弟元素中的索引顺序
Form元素的语法中,EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。 例如: application/x-www-form-urlencoded: 窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data: 窗