- 博客(21)
- 收藏
- 关注
原创 css弹性盒子
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。
2022-09-20 16:31:25
142
1
原创 css定位于浮动对比
普通文档流中块元素垂直排列,行内元素水平排列。定位能够让我们把一个元素从它原本在正常布局流中应该在的位置移动到另一个位置(自由的在某个盒子内移动位置或者固定在屏幕中的某个位置)
2022-09-19 11:51:50
112
原创 scc浮动的概念
css精灵英文叫法 css sprites,通常被解释为“CSS 图像拼合”或“CSS 贴图定位”;其实就 是把网页中一些背景图片整合到一张图片文件中,再利用 CSS “background-image”, “background- repeat”,“background-position”的组合进行背景定位,background-position 精确的定位出背景图片的位置。
2022-09-19 11:48:01
156
原创 css显示
本身属性为display:block;的元素 称为块级元素常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol本身属性为display:inline;的元素称为行级元素常见行级元素:span,strong,em,i,a,b本身属性为display:inline-block的元素称为行级块元素常见行内块元素:img、input(表单元素后续会讲到)没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开默认独立成行——默认垂直布局。
2022-09-19 11:46:28
56
原创 css模型
本身属性元素块级元素行级元素行内块元素1.宽度默认撑满整个父元素,高度默认由内容撑开2.独立成行,垂直布局3.具有盒模型(可以设置 宽 高 padding margin border)1.宽度 , 高度 默认由内容撑开2.水平布局,相邻的行级元素在同一行显示,一行显示不下,自动换行3.换行和空格会被解析4.不能设置宽高5.只能设置左右的外边距, 不能设置上下的外间距6.行内元素只能容纳文本或者其他行级元素7.行级元素不能嵌套块级元素和行内块元素1.可以设置宽高。
2022-09-13 19:56:49
93
原创 css盒子
边框的宽度:border-width边框的线型:border-style1.solid 单实线2.double 双实线3.dashed 条状虚线4.dotted 点状5.none 无边框边框的颜色: border-color复合写法:border:宽度 线型 颜色。
2022-09-13 19:55:34
79
原创 标签html的父子
塌陷 父元素 overflow hidden 父子关系外间距塌陷 子元素设上外间距 此子元素与父元素不会产生上外间。solid:实 double:双实 dashed:条状线型 dotted:点状边框 none:无。单边框复合:边框高度 边框类型 .边框颜色,去掉边框:border:o/none。解决方法:1给父元素设置:overflow :hidden。现象:元素呈并列关系,在垂直方向相领的:margin。解决:分别给这两个元素套一个父元素并为父元素。原因:并列关系的两个元素用了外间距区域。
2022-09-06 16:22:16
378
原创 html概念总结
css的层叠性是通过继承性和优先级实现1.样式声明不冲突同时应用于元素2.样式声明冲突同级选择器,css样式中最后定义的声明应用于元素(就近原则)不同级选择器,由选择器优先级决定。
2022-09-05 14:12:27
49
原创 标签html的翻译
塌陷 父元素 overflow hidden 父子关系外间距塌陷 子元素设上外间距 此子元素与父元素不会产生上外间。solid:实 double:双实 dashed:条状线型 dotted:点状边框 none:无。单边框复合:边框高度 边框类型 .边框颜色,去掉边框:border:o/none。解决方法:1给父元素设置:overflow :hidden。现象:元素呈并列关系,在垂直方向相领的:margin。解决:分别给这两个元素套一个父元素并为父元素。原因:并列关系的两个元素用了外间距区域。
2022-09-02 16:10:31
77
原创 明天考试的题html
比如页面很多img,打开页面的时候,图片都会向服务器请求,请求次数越多,加载速度慢。特性:宽高由内容撑开,水平布局,一行摆不下自动换行,换行和空格会被解析成一个。特性:水平布局,一行摆不下自动换行,换行和空格会被解析成一个,可以设置宽高。换成精灵图,一次就请求一张大图,减少http次数请求,提高页面性能。把多张小图片整合到一张大图上,然后通过css背景属性。1.减少网页的http请求,提高页面的性能。特性:独占一行,默认高度撑满,可以设置宽高。h标签不能继承font-weight。注意:定位属性值为负数。.
2022-09-01 16:55:58
60
原创 html块级标签
列表标签:ul li ol li dl dt dd 行级标签:a span b strong em i sup sub del。块级标签: div p h1-h6 hr ul ol li dl dt dd。7.子元素继承父元素的优先级为0,自己设置会覆盖继承的样式。6.复合选择器的优先级等于所有单一选择器权重相加。important: 优先级大于行间。1.权重越大优先级越高,优先显示谁的样式。3.行间样式优先级大于id 1000。5.权重相同,后写的会覆盖先写的。1.行间大于内部、外链。...
2022-08-31 16:36:53
380
原创 兄弟html
塌陷 父元素 overflow hidden 父子关系外间距塌陷 子元素设上外间距 此子元素与父元素不会产生上外间。solid:实 double:双实 dashed:条状线型 dotted:点状边框 none:无。单边框复合:边框高度 边框类型 .边框颜色,去掉边框:border:o/none。解决方法:1给父元素设置:overflow :hidden。现象:元素呈并列关系,在垂直方向相领的:margin。解决:分别给这两个元素套一个父元素并为父元素。原因:并列关系的两个元素用了外间距区域。...
2022-08-30 20:17:03
182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人