摘要：1、宽度不要用绝对的 width:auto; / width:XX%; 2、字体大小是页面默认大小的100%，即16像素，不要使用绝对大小"px"，要使用相对大小“rem” html{font-size:62.5%;}body {font:normal 100% Arial,sans-serif;f 阅读全文

摘要：1、Media Query（媒介查询） 通过不同的媒介类型和条件定义样式表规则。媒介查询让CSS可以更精确作用于不同的媒介类型和同一媒介的不同条件。媒介查询的大部分媒介特性都接受min和max用于表达”大于或等于”和”小于或等于”。如：width会有min-width和max-width媒介查询可以 阅读全文

摘要：1、无遮罩层，单独一个登录页面 （背景色只是区分作用，可自己根据页面调） 代码如下： <style> .box{ height: 250px; width: 300px; position: absolute; background-color: bisque; } .top{ height: 50 阅读全文

摘要：第一次布局一个静态网页，发现许多细节都需要自己探索，出现诸如以下问题： 1、布局问题：经常出现一个div被挤出来？做到一半少一个div布局？ 布局之前，要点打好框架，明确每个地方的高宽是多少，争取精确到每一像素（是否含有边框像素）；但是，在纸上花的草图再好再精确，也需要实际操练。 2、定位问题：明明 阅读全文

摘要：一、 盒子模型 注： 1、红色为border; 2、背景应用于内容、内边距、边框组成的区域； 3、Width和height指的是内容区域的高度和宽度。 边框属性： 1、 padding属性：（默认靠左上） padding: 10px; 内容与四边框的距离为10px; 10px, 0px, 10px, 阅读全文

摘要：一、 背景与前景 background-color: red; 背景色 background-image: url(1.jpg); 设置背景图片 background-repeat: repeat; 设置是否平铺 repeat:平铺; no-repeat: 不平铺; repeat-x:横向平铺; r 阅读全文

摘要：样式表 DIV + CSS 一、 样式表的分类 以下均以div标签为例，可以换成其他标签 1、 内联样式表 格式: style="属性1：属性值1；属性2：属性值2；属性3：属性3.1 属性3.2 属性3.3" 注意哪个用冒号哪个用分号 什么时候用空格 <div style="width: 500p 阅读全文