@media screen and标签:响应式网页结构css写法,实现页面布局自适应 响应式的web页面结构设计越来越流行,其中CSS3 Media Queries是入门基础知识。 Media Queries的其作用是使用表达式来判断设备的分辨率,并输出相应的样式。换句话说,我们可以在... 02月13日 网页制作 30 views 发表评论 阅读全文
Html:表格Table自适应宽度,指定列固定宽度,其他列均分宽度 做表单界面时,我想到最好的方法应该是,标题栏所在的列宽度固定,内容栏所在的列宽度自适应且要均分,这样整体表格看起来才美观有序。 要做到这一点,目前只摸索出一种办法: 1,给table加table-la... 01月26日 网页制作 77 views 发表评论 阅读全文
css3中的width:100vh以及calc(100vh + 10px) vh/vw vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; vmax: 相对于视窗的宽度或高度中较大的那个。其中最大... 01月17日 网页制作 81 views 发表评论 阅读全文
网站变灰的CSS代码(支持IE、FIREFOX和CHROME) 网站变灰的CSS代码方法1:支持IE <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.... 01月17日 网页制作 58 views 发表评论 阅读全文
CSS中的关系选择器 关系选择器是指根据与其他元素的关系选择元素的选择器,常见的符号有空格、>、~,还 有+等,这些都是非常常用的选择器。 后代选择器:选择所有合乎规则的后代元素。空格连接。 相邻后代选择器:仅仅选择... 01月17日 网页制作 45 views 发表评论 阅读全文
CSS链接使用伪类的顺序 顺序为:link-visited-hover-active a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问... 01月17日 网页制作 38 views 发表评论 阅读全文
网页制作CSS基础夯实:定位(position)、浮动和布局(居中与flex…) 编写网页代码时,首先应该做的就是设计好页面的布局形式,然后再往里面填充内容。网页布局的好与坏,直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中,我们通常使用浮动... 01月17日 34 views 发表评论 阅读全文
网页制作css 弹性盒子(flex布局)的起边和终边详解 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>... 01月17日 45 views 发表评论 阅读全文
网页制作css 利用animation和transform 设置鸭子表 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>... 01月17日 30 views 发表评论 阅读全文
网页制作css 利用animation和transform 设置复仇者魔方效果 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>... 01月17日 27 views 发表评论 阅读全文