css网页
怎么制作html5网站页面让它适应电脑和手机的尺寸
用以下代码开头：<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">使用百分比定义宽度，， CSS代码可以适当使用：@media only screen and (max-width:449px){}自动根据屏幕像素 调用不同的CSS代码。
如何让网页自适应所有屏幕宽度
1.首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。 2、不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px;只能指定百分比宽度：width: xx%;或者width:auto;3、相对大小的字体字体也不能使用绝对大小（px），而只能使用相对大小（em）。body {font: normal 100% Helvetica, Arial, sans-serif;}上面的代码指定，字体大小是页面默认大小的100%，即16像素。h1 {font-size: 1.5em;}然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）。small {font-size: 0.875em;}small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）。
html和css如何做到让一张图片铺满屏幕呢？
比如<img id='bg' src='bg.jpg'/>#bg{ position:fixed; width:100%; height:100%;}
按照你的说法，为什么我的登陆框跑到了img后面，就算我把z-index定到10000也还是上不来
*{ z-index:0;}#bg{ z-index:1;}
iframe 怎么继承父页面的 css 和 js
iframe继承父窗口样式CSS的方法 在子页面的head之间添加<script>window.onload=function(){var linkList=window.parent.document.getElementsByTagName("link");//获取父窗口link标签对象列表var head=document.getElementsByTagName("head").item(0);//外联样式for(var i=0;i<linkList.length;i++){var l=document.createElement("link");l.rel = 'stylesheet'l.type = 'text/css'; l.href=linkList[i].href;head.appendChild(l);}}</script>这段JS应该可以实现，外联样式同步。
html页面，A4纸竖向打印，网页页面的宽度应该设置成多少？
首先要说明一下：px 是像素，相对于屏幕的分辨率，是相对值mm 是即毫米，是绝对值，因为，不同屏幕有不同的像素密度比，所以两者是不可转换的。A4纸的尺寸是210*297mm。竖向打印，你需要把html页面的内容设置成210mm的宽度。下面如何设置CSS：选中要打印的的DIV，点击右侧的CSS属性面板“+”号，新建样式输入CSS样式名，确定在CSS样式分类处选择“方框”，在右侧的“width”后填入“210”，后面的单位一定要选择“mm”。确定。我们查看代码视图里的原代码多了“width:210mm”这里再打印，就可以正常显示了。
