标签:html/css

Emmet:加快前端开发速度的神器

Emmet:加快前端开发速度的神器

Emmet 用和 CSS 选择器相似的语法来描述元素的嵌套层级关系和属性,实现 HTML/XML/CSS 等代码的智能自动补全。

东明兄 东明兄 2018-04-11
2.7K+ 0 0
word-break:break-all换行不生效的问题

word-break:break-all换行不生效的问题

额,是自己搞混了,word-wrap和word-break 是规定换行的处理方式。决定是否换行的是white-space属性​。

东明兄 东明兄 2018-04-09
4.2K+ 0 0
CSS calc() 函数 动态的改变元素的 宽高长度

CSS calc() 函数 动态的改变元素的 宽高长度

calc()能让你定义的元素的做计算,可以给元素使用百分比、em、px和rem单位值计算出其宽度或者高度

东明兄 东明兄 2018-04-03
2.9K+ 0 0
使用伪元素和css3实现鼠标移入 下划线向两边展开的动画效果效果

使用伪元素和css3实现鼠标移入 下划线向两边展开的动画效果效果

给导航加一个鼠标移入后 下划线向两边展开的动画效果效果

东明兄 东明兄 2018-03-30
2.5K+ 0 0
图片在电脑上很清楚,但是手机上很模糊的问题

图片在电脑上很清楚,但是手机上很模糊的问题

是因为devicePixelRatio(设备像素比)的问题,因为手机分辨率太小,如果按照分辨率来显示网页字会非常小,所以苹果就把iPhone 4的960640分辨率在网页里只显示了480320,这样devicePixelRatio=2; 现在android比较乱,有1.5/2/3等,想让图片在手机

东明兄 东明兄 2018-03-23
2.5K+ 0 0
ES6 超级字符串 多行字符串表示方法  将多行字符连接在一起

ES6 超级字符串 多行字符串表示方法 将多行字符连接在一起

以往,js多行字符串用\n写起来比较麻烦,ES6标准新增了一种多行字符串的表示方法,用` ... `表示:

东明兄 东明兄 2018-03-23
4.1K+ 2 0
[转载]CSS绝对定位中bottom、right参照点问题

[转载]CSS绝对定位中bottom、right参照点问题

关于绝对定位元素的参照点,相信大家都知道,那就是离它最近的具有动态定位(absolute、relative、fixed)的祖先元素的左上角,如果它的祖先元素都没有动态定位,则把文档根元素即html元素的左上角当做参照点来进行绝对定位(记住,不是body元素,而是html元素,大家可以自己去验证,这不

东明兄 东明兄 2018-03-22
3.2K+ 0 0
解决li标签border的重叠问题

解决li标签border的重叠问题

做一个在网页左侧显示的菜单,使用ul列表,给每个li标签加上border后会出现与相邻li标签border叠加的情况: 解决方法:给li在样式中指定margin-top:-1px; 这样两个边框就可以重叠在一起了:  

东明兄 东明兄 2018-03-21
7.8K+ 5 0
CSS3实现鼠标移入时图片放大动画

CSS3实现鼠标移入时图片放大动画

CSS3的transform:scale()可以实现按比例放大或者缩小功能。 利用此特性可实现我们的需求 代码如下: <html> <head> <meta charset="UTF-8"&g

东明兄 东明兄 2018-03-20
2.7K+ 0 0
input和button的对不齐的问题

input和button的对不齐的问题

同样的高、行高,border paddding,发现input和button就是对不齐,这个现象多Chrome中,它使用Quirks模式下,button 的border的边框也计算在元素的宽高里边了,解决方法:在外面套个包裹层,然后把input和button浮动就可以了。

东明兄 东明兄 2018-03-03
2.4K+ 0 0
解决网页在兼容模式下排版错乱的问题

解决网页在兼容模式下排版错乱的问题

兼容模式开启后浏览器会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出各种各样的问题,加入以下代码,可解决乱码问题: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">

东明兄 东明兄 2018-03-03
2.7K+ 0 0
使用rem时 部分vux组件的字体大小不受控制的问题

使用rem时 部分vux组件的字体大小不受控制的问题

使用vux 的Calendar组件时,日历头部的文字出现了字体过大的情况

东明兄 东明兄 2018-02-27
4.8K+ 0 0
css3 animation 动画完成后停留在最后一帧

css3 animation 动画完成后停留在最后一帧

css3 animation 动画完成后停留在最后一帧

东明兄 东明兄 2018-02-09
2K+ 0 0
原生JS获取dom元素在兄弟元素中的索引顺序

原生JS获取dom元素在兄弟元素中的索引顺序

原生JS获取dom元素在兄弟元素中的索引顺序

东明兄 东明兄 2018-01-25
2.1K+ 0 0
HTTP中application/x-www-form-urlencoded字符说明

HTTP中application/x-www-form-urlencoded字符说明

Form元素的语法中,EncType表明提交数据的格式 用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。 例如: application/x-www-form-urlencoded: 窗体数据被编码为名称/值对。这是标准的编码格式。 multipart/form-data: 窗

东明兄 东明兄 2018-01-19
2.5K+ 0 0
1 2 3 4