![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
w_cyj
这个作者很懒,什么都没留下…
展开
-
常用h5中的css问题
常用h5中的css问题。原创 2022-09-29 10:16:30 · 188 阅读 · 0 评论 -
CSS元素类型及其转换
元素类型根据css显示分类,XHTML元素被分为三种类型:块状元素,内联元素,可变元素&&三种类型: 块状元素,内联元素,内联块元素(css2.1增加)块状元素的特点A:块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,B:默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象;默认情况下,块状元素会按顺序自上而下排列。C:块状元素都可以定义自己的宽度和高度。D:块状元素一般都作为其他元素的容器,它可以容纳其它内联元素和其它原创 2020-06-21 09:21:09 · 432 阅读 · 0 评论 -
CSS文本属性,列表属性,边框属性,背景属性,表格属性,浮动属性,溢出属性
CSS属性1.文本属性(上张)2.列表属性:针对于列表符号1:定义列表符号的样式:list-style-type:disccirclesquarenone2:使用图片做为列表符号list-style-image:url(图片路径)3:定义列表符号的位置:list-style-position:outsideinside4:常用的形式:list-style:none; //去掉列表符号3.边框属性1:边框的位置:长在元素宽高以外的。2:原创 2020-06-20 17:38:37 · 178 阅读 · 0 评论 -
CSS盒模型
盒模型盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白(填充)、边框、边界(外边距)这就是盒模型。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YIqP0ZZ1-1592494999734)(img\图片1.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z8rJVolV-1592494999739)(\img\图片2.png)]原创 2020-06-18 23:43:42 · 104 阅读 · 0 评论 -
CSS文本属性
day4CSS文本属性1.文字大小 font-sizea: 文本默认大小:为了减少系统之间的差异,确定16px为标准文字大小b:pc端文本大小尽量设置成偶数c: PC端文字大小尽量别低于12pxd:PS中汉字的文本大小,量取文本高度即可(同等字号的英文和数字比汉字显示的要小)e: 单位: px pt(磅) em rem9pt == 12px(3:4)em 相对大小单位(根据父元素制定 如:父元素font-size:20px; 子元素1em == 20px em默认 1原创 2020-06-18 23:40:38 · 126 阅读 · 0 评论 -
CSS层叠样式表
CSS(cascading style sheets)层叠样式表。作用:给网页做样式渲染。CSS语法选择符{属性:属性值}说明:选择的选择符就是html标签,就是html标签的名称声明1.声明包括属性和属性值2.声明必须放在花括号里面{}3.属性和属性值之间用逗号隔开4.每一条声明结束用分号结尾5.如果一个属性有多个属性和属性值,属性值与属性值之间用空格隔开注意:所有CSS代码必须放在CS样式表中。CSS样式表样式表的权重关系:1.命令产生冲突,按权重最大的执行,不冲突,都要原创 2020-06-17 17:30:31 · 190 阅读 · 0 评论 -
CSS宽高自适应
宽度自适应: 块状元素当宽度不去设置的时候、或者是设置width:100%; 那么宽度是跟随父元素宽度显示。如果一个元素没设置宽度,并且设置了绝对定位、浮动、固定定位 ,让元素脱离文本流,宽度是内容撑开的宽度高度自适应第一种情况需求:a: 当内容增多的时候,让内容撑开盒子的高度b: 如果内容偏少或者是没有内容的时候,让盒子保持一个最小高度。height属性:默认值为auto;一个元素设置height:auto 或者 是不设置的时候:元素的高度是被内容撑开的最小高度:min原创 2020-06-22 18:43:11 · 854 阅读 · 0 评论 -
CSS定位position
(一:把元素拿起来)position:;定位属性作用:设置或者是检索元素得定位方式(二:确定参照物)1:position:static; [静态定位] position属性得默认值。2:position:absolute; [绝对定位] 参照物:已经添加定位的父元素。 特点: a:如果父元素都没有定位,或者是没有父元素 参照物是整个文档。 b: 脱离文档流,不再占据空间。3:position:relative; [相对定位]原创 2020-06-22 18:34:41 · 211 阅读 · 0 评论 -
CSS3
CSS3标准盒模型和怪异和模型区别标准盒与怪异盒的区别在于他们的总宽度的计算公式不一样。标准模式下总宽度=width+margin(左右)+padding(左右)border(左右);怪异模式下总宽度=width+margin(左右)(就是说width已经包含了padding和border值)。标准模式下如果定义的DOCTYPE缺失,则在ie6、ie7、ie8下汇触发怪异模式。当设置为box-sizing:content-box时,将采用标准模式解析计算,也是默认模式;当设置为box-sizing:b原创 2020-08-19 19:11:12 · 178 阅读 · 0 评论