![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS
CoderPrince
这个作者很懒,什么都没留下…
展开
-
前端CSS规范整理
一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解:所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ui 业务类的CSS是指和具体产品相关的文件,放在如下目录中:原创 2015-05-09 14:01:29 · 354 阅读 · 0 评论 -
腾讯网无障碍说明
W3C要求必须有DOCTYPE必须指定字符编码语言每个页面的html标签要指定lang属性,线性阅读不以表格作为布局使用采用定位的时候,将css去除,查看内容的阅读顺序是否符合有意义焦点与键盘禁止移除焦点不可禁用键盘操作标题页面中必须包含一个title元素,并且不应为空title中的内容应该少于60个字title应该包含网站名字和页面的主题页转载 2015-05-09 13:58:02 · 495 阅读 · 0 评论 -
10个CSS简写/优化技巧
CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。下面介绍常见的CSS简写规则:一、盒子大小这里主要用于两个属性:margin和padding,我们以margin为例,padding与之相同。盒子有上下左右四个方向,每个方向都有个外边距:原创 2015-05-09 13:25:51 · 631 阅读 · 0 评论 -
CSS的Position属性详解
CSS的Position很重要,有以下几个值:static,relative,absolute,fixed。Static:静态定位。如果你没有设置position属性,那么缺省就是static。top,left,bottom,right等属性,在static的情况下是无效的,要使用这些属性,必须把position设置为其他三个值之一。Relative:相对定位。元素将按照静态定位时原创 2015-05-08 22:02:05 · 421 阅读 · 0 评论 -
WEB切图
一、需要掌握的知识点1、PS里的参考线和标尺。2、PS里的图层基本知识。3、PS里有一个命令叫【拷贝(Ctrl+C)】,但还有一个命令叫【合并拷贝(Ctrl+Shift+C)】可能您用得比较少,而在用选区进行切图的过程中,【合并拷贝】命令则具有重要的作用。【拷贝】只是对当前选区、当前图层内的内容进行复制。【合并拷贝】则是对当前选区、所有可见图层的内容进行转载 2015-10-28 20:47:25 · 513 阅读 · 0 评论 -
CSS边距详解
假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflo转载 2015-11-26 17:00:30 · 381 阅读 · 0 评论 -
自适应网页设计
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容转载 2016-02-25 16:50:12 · 300 阅读 · 0 评论 -
H5 input search 提交事件
欲实现一个文字搜索的功能,要求输入时,键盘回车按钮提示显示为“搜索”。效果如下:开始~input type=text并不能达到这种效果,google了一下,html5 增加的type=search可以做到(但需要input type=search外面包上一层带action属性的form)。 class="search-input-wrap clearfix">转载 2017-05-31 09:52:42 · 4884 阅读 · 1 评论