HTML/CSSHTML5 / CSS3

CSS选择器x-child,x-of-type系列摘要

伪类 伪元素

:nth-child(an+b) 首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为CSS伪类:nth-child括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...)。示例:0n+3 或简单的 3 匹配第三个元素。1n+0 或简单的 n 匹配每个元素。(兼容性提醒:在 Android 浏览器 4.3 以下的版本 n 和 1n 的匹配方式不一致。...
453

如何去掉chrome浏览器自动完成输入框背景黄色

去掉输入框黄色背景 autofill

chrome浏览器或其它webkit内核浏览器自动完成输入框的输入后,输入框会有淡黄色背景。我们一般不想要这个样式。发果使用默认的白色背景,黑色文字相对好解决一点。但是有更丰富的自义定样式,就不好处理了,比如输入框的字为白色,背景为黑色。通过查阅资料与不断尝试,最终有了比较完美的解决方案...
2393

浏览器输入URL到看到页面,过程中发生了什么

HTTP请求过程 浏览器渲染过程

浏览器输入URL到看到页面,过程中发生了什么? 《HTTP权威指南》的精要解释:(a) 浏览器从URL中解析出服务器的主机名;(b) 浏览器将服务器的主机名转换成服务器的IP地址;(c) 浏览器将端口号(如果有的话)从URL中解析出来;(d) 浏览器建立一条与Web服务器的TCP连接;(e) 浏览器向服务器发送一条HTTP请求报文;(f) 服务器向浏览器回慈禧太后一条HTTP响应报文; (g) 关闭连接浏览器显示文档二. 浏览器渲染页面的过程...
951

CSS一个冒号和两个冒号有什么区别?伪类与伪元素

伪类 伪元素

:  一个冒号是-伪类:: 两个冒号是-伪元素一句话解释:伪类:可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。伪元素:所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。详细的解释一下:伪类:伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特...
2701

CSS那些暖心却鲜为人知的属性

CSS那些暖心却鲜为人知的属性...
1207

网站打开速度慢如何优化前端代码

前端优化

网站打开较慢有两方面因素:1、网站自身原因,这部分原因可以通过页面优化以及相应设置予以改善。2、网络运营商自身原因或网站服务器提供商的原因,网站打开速度慢如何优化前端代码呢...
2550

CSS字体的unicode与英文编码

前端优化

网页设计制作编码阶段,CSS字体设置会用到中文字体,为了在英文(或其它非中文)操作系统下的浏览器,有可能会无法识别中文CSS标识,所以需要用到unicode或英语代码的方法,来做到字体设置兼容。...
2099

HTML5 placeholder属性

今天在浏览某个网站时,感觉UI很漂亮,随手就想看看网站的CODE怎么样,打开了开发者工具后,无意间发现了一个陌生的input属性:placeholder,查了一下资料,原来是HTML5新增的内容。...
1466

如何用CSS修改网页文字选中背景色

前端优化

今天在看一个国外设计师的网站的时,由于英文不好,于是选中了网页文字要用Google翻译一下,当其文字被选中时,我被震惊了!他的网页文字选中后的背景高亮色不是蓝色!而是红色!...
2233

前端开发代码规范参考

代码规范

某世界500强的企业WEB前端部门对前端开发工程师的开发代码规范,给大家做为参考。...
1342

精品模板蓝瞳原创精品网站模板

^