CSS中的三种基本的定位机制
CSS 定位机制 CSS 有三种基本的定位机制： 普通流 浮动 绝对定位 一、普通流 除非专门指定，否则所有框都在普通流中定位。普通流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin计算得到。行内元素在一行中水平布置。 二、定位 １、相对定位 被看作普通...
css
标签文章 24 篇
CSS 框模型的介绍
CSS 框模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了框模型(Box...
HTML与CSS书写规范
HTML编码规范： 使用小写元素名: 关闭所有HTML元素: 使用小写属性名: 属性值使用引号: 图片通常使用alt属性: 等号前少用空格: 不要随便添加空行，缩进使用两个空格，不建议使用TAB 布尔型属性不用赋值: 尽量避免多余的父元素 HTML属性顺序： class id，name data- src，for，ty...
20个CSS代码片段，你知道不知道
序言 使用技巧会让人变的越来越懒，没错，我就是想让你变懒。 下面是我收集的CSS高级技巧，希望你懒出境界。 黑白图像 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%);...
CSS max-width(height)
CSS max-width(height)属性设置对象的最大宽高 语法： max-width : none length max-height : none length 参数： none : 无最大高度限制 length : 由浮点数字和单位标识符组成的长度值 或者百分数。不可为负数。 说明： 设置或检索对象的最大宽...
CSS min-height（width）
CSS min-height（width）属性设置对象的最大高度（宽度） 语法： min-height : none length min-width : none length 参数： none : 无最小高度限制 length : 由浮点数字和单位标识符组成的长度值 或者百分数。不可为负数。 说明： 设置或检索对象...
CSS 宽高 width height
css width 和 height 属性设置对象的宽高度 语法： height : auto length width : auto length 参数： auto : 无特殊定位，根据HTML定位规则载文档流中分配 length : 由浮点数字和单位标识符组成的长度值 百分数。百分数是基于父对象的高度。不可为负数。...
CSS margin 外边距属性
CSS margin 外边距属性 语法： margin : auto length 参数： auto : 值被设置为相对边的值 length : 由浮点数字和单位标识符组成的长度值 百分数。百分数是基于父对象的高度。对于内联对象来说，左右外延边距可以是负数值。 说明： 检索或设置对象四边的外延边距。 如果提供全部四个参...
CSS padding 内边距属性
CSS padding 属性 语法： padding : length 参数： length : 由浮点数字和单位标识符组成的长度值 或者百分数。百分数是基于父对象的宽度。 说明： 检索或设置对象四边的补丁边距。 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。 如果只提供一个，将用于全部的四条边。 如果提...
常用DIV+CSS规范命名大全
网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，下面就是具体DIV/CSS命名规则CSS命名大全内容篇。 我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 一、命名规则说明 1）、...