1-1. 设置input 的placeholder的字体样式 设置input占位符的样式 input::-webkit-input-placeholder { /* Chrome/Opera/Safa...
网页制作CSS3高级技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出…）
阅读全文
网页制作@media screen and标签：响应式网页结构css写法，实现页面布局自适应
响应式的web页面结构设计越来越流行，其中CSS3 Media Queries是入门基础知识。 Media Queries的其作用是使用表达式来判断设备的分辨率，并输出相应的样式。换句话说，我们可以在...
中高级前端40条移动端H5坑位指南：HTML、CSS/JS方向
网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，A...
css3中的width:100vh以及calc(100vh + 10px)
vh/vw vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; vmax: 相对于视窗的宽度或高度中较大的那个。其中最大...
网站变灰的CSS代码（支持IE、FIREFOX和CHROME）
网站变灰的CSS代码方法1：支持IE <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3....
CSS中的关系选择器
关系选择器是指根据与其他元素的关系选择元素的选择器，常见的符号有空格、>、~，还 有+等，这些都是非常常用的选择器。 后代选择器：选择所有合乎规则的后代元素。空格连接。 相邻后代选择器：仅仅选择...
CSS链接使用伪类的顺序
顺序为：link-visited-hover-active a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问...
网页制作CSS基础夯实：定位（position）、浮动和布局（居中与flex…）
编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动...
网页制作css 弹性盒子（flex布局）的起边和终边详解
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>...
网页制作css 利用animation和transform 设置鸭子表
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>...