![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 63
-T先生-
风一样的男子,简称疯子。
展开
-
如何使用字体图标或者自定义字体(纯文字)
什么是@font-face,以及在css当中如何使用@ font-face的是一个CSS规则,允许你输入自己的字体出现在网站上,即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是,它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。为什么它是真棒就像我说的,@ font-face的打开一个全新的世界。现在,我们能够以一种全新的方式使用排版。这就是为什么你看到这么多独特的网...原创 2020-02-28 17:18:05 · 450 阅读 · 0 评论 -
让弹出层始终显示在屏幕正中间
一、block元素相对于父级居中:给该元素设置宽高(如果被内部元素撑开,也可不写);然后设置样式margin:0 auto;二、inline元素相对于父级居中:给父级元素设置样式:text-align:center;三、弹层相对于浏览器窗口(或屏幕)居中:可将弹层对应的dom作为body第一层子元素,然后给弹层设置样式原创 2016-03-29 11:39:10 · 42613 阅读 · 0 评论 -
滚动条美化/自定义滚动条
自定义滚动条写在前面:由于用的是css3,所以只有在支持css3的浏览器下才有效;目前支持WebKit内核的浏览器(例如chrome,部分手机浏览器)自定义;如果考虑兼容性,可以使用js处理。原创 2016-03-30 16:34:38 · 5001 阅读 · 0 评论 -
为什么说DOM操作很慢
一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint)。下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些转载 2016-03-11 11:52:03 · 373 阅读 · 0 评论 -
含有间距的td处理方式
含有间距的td处理方式: 由于td的margin无效,所以在td内容再添加一层dom,然后用margin做间距。原创 2016-04-06 15:56:27 · 1408 阅读 · 0 评论 -
搜索框简易处理方式
要做一个由1 2 3部分组成的搜索框,可以参考一下代码:PS:核心计算.search_box .result的width(120px)等于.search_box input.search_input的padding-left的值原创 2016-03-28 11:48:02 · 1002 阅读 · 0 评论 -
chrome输入框input黄色背景去除 及 autocomplete失效解决方法
在写一个登陆页面的时候,打算把表单里input标签的自动完成功能关闭,于是把帐号和密码框的autocomplete属性设置为off。由于之前登陆选择了记住密码,每次在chrome和firefox打开或者刷新页面的时候都把帐号和密码给自动完成了。 于是乎与需求有误差,所以随便处理了下,但是最近劳烦,决定和这问题杠上了。 以下是各种测试、各种结论、各种扯淡……呵呵原创 2016-04-14 16:36:23 · 11279 阅读 · 5 评论 -
输入框placeholder字体
输入框placeholder字体原创 2016-03-16 17:03:13 · 1838 阅读 · 0 评论 -
深入了解css的行高Line Height属性(图文并茂)
行间距,即传说中控制两行文字垂直距离的东东。在CSS中,line-height被用来控制行与行之间垂直距离。不过,行间距与半行间距,还是取决于CSS中的line-height。那么,如何来使用line-height呢?默认状态,浏览器使用1.0-1.2 line-height, 这是一个初始值。你可以定义line-height属性来覆盖初始值:p{line-height:140%}你可以有5种方式来定义line-height。1.line-height可以被定义为:body{line-hei转载 2016-05-17 16:28:41 · 1170 阅读 · 0 评论