摘要:
meta标签的设置 <!-- H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,u 阅读全文
摘要:
常见的布局方案 固定布局:以像素作为页面的基本单位,不管设备屏幕及浏览器宽度,只设计一套尺寸; 可切换的固定布局:同样以像素作为页面单位,参考主流设备尺寸,设计几套不同宽度的布局。通过识别的屏幕尺寸或浏览器宽度,选择最合适的那套宽度布局; 弹性布局:以百分比作为页面的基本单位,可以适应一定范 阅读全文
摘要:
多列布局类似报纸或杂志中的排版方式,主要用以控制大篇幅文本。 多列属性 1、column-count 属性规定元素应该被分隔的列数 适用于:除table外的非替换块级元素, table cells, inline-block元素 2、column-gap 属性规定列之间的间隔大小 3、column- 阅读全文
摘要:
box-sizing content-box 这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。 阅读全文
摘要:
文本阴影属性 text-shadow 说明:水平、垂直阴影的位置允许负值 可进行多阴影设置(逗号分隔的方式) 文本换行 Word-wrap 属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。 属性值: normal 说明:只在允许的断字点换 阅读全文