1.分栏布局
column-count:auto|整数; 控住栏数
column-width:length; 每栏的宽度
column-gap:length; 两栏之间的间距
column-rule:宽度,线型,颜色;间隔线 solid dotted dashed
column-span : all / none ; 是否跨栏显示
2. 响应式布局
1>CSS 语法
外联CSS语法:<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">
内嵌样式的语法:@media mediatype and|not|only (media feature) { ...
2>媒体类型:mediatype
all 用于所有设备
screen 用于电脑屏幕,平板电脑,智能手机等
关键字:and|not|only 媒体特征:media feature ax-width:500px min-width:500px
例:<link rel="stylesheet" media="screen and (min-width:1024px)" href="red.css" />
远近互联前端小华整理发布,希望能对学习技术的你有所帮助,如果您想了解更多内容,可以点击右侧ppt下载 jQuery AJAX.ppt
远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。