HTML常用的特殊符号总结 2014年9月12日 57621次浏览 html中经常会用到一些特殊符号,例如箭头,雪花,心形等等,这些符号就不用css样式或者图片来写了,直接用html特殊符号可以实现。 例如,如下html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD X ...
分类:
其他好文 时间:
2020-06-16 15:26:28
阅读次数:
102
Layui.form中使用class="layui-input-inline"就可轻松将元素都放到一行,但如果元素过多,就会自动换行。那就需要手动设置input框的长度。 像这种情况: 其实只需要添加css样式就可修改了 .layui-form-item .layui-input-inline { ...
分类:
其他好文 时间:
2020-06-15 23:17:34
阅读次数:
470
如要增加一个 CSS body { overflow: hidden; } 低性能方案 网络一般流传的都是:通过操作 DOM 的style 属性来简洁改变 CSS 的方法 但有肉眼可见的延迟(在后面加个过渡动画你就知道) document.querySelector("body").style.ov ...
分类:
编程语言 时间:
2020-06-14 14:26:43
阅读次数:
81
1、Web标准不是某一个标准,而是一系列标准的集合web标准简单来说可以分为结构、表现和行为结构 主要是有HTML标签组成表现 即指css样式表行为 主要是有js、dom组成web标准一般是将该三部分独立分开,使其更具有模块化。但一般产生行为时,就会有结构或者表现的变化,也使这三者的界限并不那么清晰 ...
分类:
Web程序 时间:
2020-06-13 17:46:57
阅读次数:
111
有以下三种方式来实现元素的隐藏: ① display: none; 不占据空间,更改该属性时会引起DOM树结构变化、页面重新布局——回流。 父元素被设置后已不在标准流中存在,自然不会被子元素继承。 无占位元素,原有的元素绑定的事件监听无效。 //元素显示:display: block; ② visi ...
分类:
Web程序 时间:
2020-06-12 14:12:14
阅读次数:
79
在写样式时,往往是添加了一个样式,又或者是修改了某个属性,就达到了我们的预期。而BFC就潜藏在其中,当你修改样式时,一不小心就能触发它而毫无察觉,因此没有意识到BFC的神奇之处。 一、什么是BFC(Block Formatting Context) 写CSS样式时,对一个元素设置css,我们首先要知 ...
分类:
Web程序 时间:
2020-06-11 16:31:32
阅读次数:
59
在开发中,css样式有一些属性往往需要重复使用,为了避免代码冗余,降低维护成本。我们需要使用CSS预编译工具【Sass/Less/Stylus】,随着这些工具的流行,CSS变量也开始规范制定,目前很多浏览器都已经支持了,css变量的兼容性: 变量的定义: CSS中原生的变量定义语法是:--*,变量使 ...
分类:
Web程序 时间:
2020-06-11 14:56:16
阅读次数:
77
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类:
Web程序 时间:
2020-06-10 22:53:32
阅读次数:
100
css3属性-webkit-font-smoothing 对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天,抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中,后由于某些原因从web标准中被移除了。但是,我们可以用以下两 ...
分类:
Web程序 时间:
2020-06-09 14:26:37
阅读次数:
82
#若深度选择器有效。使用此可修改样式 /deep/ .cube-btn{ //...自定义css样式 } #深度选择器失效,则: 1.重新定义deep深度选择器 @deep:~'>>>'; 2.使用 @{deep} .cube-btn{ //...自定义css样式 } 3.例子 <cube-butt ...
分类:
Web程序 时间:
2020-06-08 18:55:58
阅读次数:
298