w_cyj的博客

常用h5中的css问题。

元素类型 根据css显示分类，XHTML元素被分为 三种类型: 块状元素，内联元素，可变元素 && 三种类型： 块状元素，内联元素，内联块元素(css2.1增加) 块状元素的特点 A:块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域， B:默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。 C:块状元素都可以定义自己的宽度和高度。 D:块状元素一般都作为其他元素的容器，它可以容纳其它内联元素和其它

CSS属性 1.文本属性（上张） 2.列表属性：针对于列表符号 1：定义列表符号的样式： list-style-type: disc circle square none 2:使用图片做为列表符号 list-style-image:url(图片路径) 3:定义列表符号的位置： list-style-position: outside inside 4:常用的形式： list-style:none; //去掉列表符号 3.边框属性 1:边框的位置：长在元素宽高以外的。 2：

盒模型 盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YIqP0ZZ1-1592494999734)(img\图片1.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z8rJVolV-1592494999739)(\img\图片2.png)]

day4CSS文本属性 1.文字大小 font-size a: 文本默认大小：为了减少系统之间的差异，确定16px为标准文字大小 b：pc端文本大小尽量设置成偶数 c: PC端文字大小尽量别低于12px d：PS中汉字的文本大小，量取文本高度即可（同等字号的英文和数字比汉字显示的要小） e: 单位： px pt（磅） em rem 9pt == 12px（3：4） em 相对大小单位（根据父元素制定 如：父元素font-size:20px; 子元素1em == 20px em默认 1

CSS （cascading style sheets）层叠样式表。作用：给网页做样式渲染。 CSS语法 选择符{属性：属性值} 说明：选择的选择符就是html标签，就是html标签的名称 声明 1.声明包括属性和属性值 2.声明必须放在花括号里面{} 3.属性和属性值之间用逗号隔开 4.每一条声明结束用分号结尾 5.如果一个属性有多个属性和属性值，属性值与属性值之间用空格隔开 注意：所有CSS代码必须放在CS样式表中。 CSS样式表 样式表的权重关系： 1.命令产生冲突，按权重最大的执行，不冲突，都要

宽度自适应： 块状元素当宽度不去设置的时候、或者是设置width:100%; 那么宽度是跟随父元素宽度显示。 如果一个元素没设置宽度，并且设置了绝对定位、浮动、固定定位 ，让元素脱离文本流，宽度是内容撑开的宽度 高度自适应第一种情况需求： a: 当内容增多的时候，让内容撑开盒子的高度 b: 如果内容偏少或者是没有内容的时候，让盒子保持一个最小高度。 height属性： 默认值为auto; 一个元素设置height:auto 或者 是不设置的时候：元素的高度是被内容撑开的 最小高度： min

(一：把元素拿起来) position:;定位属性 作用：设置或者是检索元素得定位方式 (二：确定参照物) 1：position:static; [静态定位] position属性得默认值。 2：position:absolute; [绝对定位] 参照物：已经添加定位的父元素。 特点: a：如果父元素都没有定位，或者是没有父元素 参照物是整个文档。 b: 脱离文档流，不再占据空间。 3：position:relative; [相对定位]

CSS3 标准盒模型和怪异和模型区别 标准盒与怪异盒的区别在于他们的总宽度的计算公式不一样。标准模式下总宽度=width+margin（左右）+padding（左右）border（左右）；怪异模式下总宽度=width+margin（左右）（就是说width已经包含了padding和border值）。标准模式下如果定义的DOCTYPE缺失，则在ie6、ie7、ie8下汇触发怪异模式。当设置为box-sizing:content-box时，将采用标准模式解析计算，也是默认模式；当设置为box-sizing:b