响应式的web页面结构设计越来越流行，其中CSS3 Media Queries是入门基础知识。 Media Queries的其作用是使用表达式来判断设备的分辨率，并输出相应的样式。换句话说，我们可以在...
@media screen and标签：响应式网页结构css写法，实现页面布局自适应
阅读全文
Html：表格Table自适应宽度，指定列固定宽度，其他列均分宽度
做表单界面时，我想到最好的方法应该是，标题栏所在的列宽度固定，内容栏所在的列宽度自适应且要均分，这样整体表格看起来才美观有序。 要做到这一点，目前只摸索出一种办法： 1，给table加table-la...
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>...
网页制作css 利用animation和transform 设置复仇者魔方效果
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>...