
css
文章平均质量分 96
M612a34
普通人一个
展开
-
三栏网页自适应布局
参考:点击打开链接左中右三栏宽度自适应于浏览器的方法:绝对定位法,margin负值法以及自身浮动法。首先限定下示例的布局结构:左中右三栏布局,左右两栏宽度固定(要想不固定将宽度值改为百分值即可),中间栏宽度自适应。左右两栏的宽度为200像素。 1、绝对定位法这或许是三种方法里最直观,最容易理解的:左右两栏采用绝对定位,分别固定于页面的左右两侧,中间的主体栏用左右margin值撑开距离。于是实现了...原创 2018-02-24 15:33:28 · 1395 阅读 · 0 评论 -
writing-mode与direction的用法、区别
转载/参考:http://www.zhangxinxu.com/wordpress/2016/04/css-writing-mode/1、writing-modewriting-mode这个CSS属性,我们是不是很少见到,很少用到!我们往往称不常见的东西为“生僻”,就像是不常见的文字我们叫“生僻字”,因此不常见的CSS属性,我们可以叫做“生僻属性”,writing-mode给我们的感觉就是一个“生...原创 2018-02-25 12:31:50 · 4045 阅读 · 1 评论 -
学习CSS盒模型和CSS3弹性盒模型
css盒模型本质是一个盒子,封装周围的html元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。div { ...原创 2018-05-12 20:55:36 · 546 阅读 · 0 评论 -
HTML5和CSS3新特性
转载:点击打开链接HTML51、HTML5新元素 HTML5提供了新元素来创建更好的页面结构。标签 描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本,使其脱离其父元素的文本方向设置。<command>定义命令按钮,比如单选按钮、复选框或按钮<details>用于描述文档或文...转载 2018-06-07 11:26:04 · 677 阅读 · 0 评论