css
文章平均质量分 82
苗雨旺
CSDN保佑,祝自己永无BUG!!!
展开
-
【HTML-css】css布局 flex布局 弹性布局 其他布局( 固定布局 流布局 浮动布局 定位布局 BFC布局 多列布局)
box-sizing:属性值 content-box(默认值:元素的宽高包含边框和内边距)/border-box(元素的宽高不包含边框和内。flex-direction (适用于父类容器的元素上):设置或检索伸缩盒对象的子元素在父容器中的位置。flex-wrap (适用于父类容器上) 设置或检索伸缩盒对象的子元素超出父容器时是否换行。比较新的布局方式:旨在提供一个更加有效的方式来布置,对齐和分布在容器之间的各项内容,即。inline-flex:将对象作为内联块级弹性伸缩盒显示。原创 2023-07-21 19:49:47 · 190 阅读 · 1 评论 -
【HTML+scss】 css进阶使用方法 css阴影 css边框 css文字样式 css背景
border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。border-bottom 简写属性,用于把下边框的所有属性设置到一个声明中。border-right 简写属性,用于把右边框的所有属性设置到一个声明中。border-left 简写属性,用于把左边框的所有属性设置到一个声明中。border-top 简写属性,用于把上边框的所有属性设置到一个声明中。原创 2023-07-20 18:16:40 · 72 阅读 · 0 评论 -
【HTML】进阶标签 新增表单标签 h5新增标签 语义化 新增语义化标签
每一个 HTML 元素都有具体含义。所有元素于展示效果无关。元素展示到页面中的效果,应该由 CSS 决定。因为浏览器带有默认的 CSS 样式,所以每个元素有一些默认样式。选择什么元素,取决于内容的含义,而不是显示出的效果.。原创 2023-07-19 18:20:42 · 54 阅读 · 0 评论 -
【HTML+css】动态齿轮 (齿轮 动图)
效果图html代码块<!DOCTYPE html><html lang="en"><head> <!-- name:myw --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &l原创 2023-07-18 17:58:46 · 256 阅读 · 1 评论 -
【HTML+css】css定位 (相对定位 绝对定位 固定定位 粘性定位)
过一定阈值之后,会被当成 fixed定位,相对于视口进行定位。最初会被当作是relative,相对于原来的位置进行偏移;不管页面如何滚动,他都永远固定在那里, 相对浏览器窗口定位,不随页面滚动改变位置。页面滚动时,滚动到顶部,直接吸顶。3.逐级往上找,相对碰到的第一个有定位属性的父盒子定位,为了让绝对定位有定位点,一般会给他的父盒子加相对定位。相对盒子自己原来的位置进行调整,称为相对定位。2.父级有定位属性时,相对父级盒子定位。页面滚动时,滚动到顶部,直接吸顶。如果没有,就相对浏览器定位。原创 2023-07-18 17:29:38 · 573 阅读 · 1 评论 -
【HTML5+css】流的概念 浮动 浮动的顺序贴靠
的子元素不会影响到外面的元素,反之亦然BFC规范 (Box-Formatting Context 块级格式化上下文) 是页面上的一个隔离的独立容器,容器里面。子盒子会按顺序进行贴靠,如果没有足够的空间,则会寻找前一个兄弟元素如下图所示:3号盒子会掉到2号盒子的下面。浮动的元素不再区分块级元素、行内元素、已经脱离了标准文档,一律能够设置宽度和高度,即使他。3.加一个无内容的空盒子:clear:both;1.父级盒子加高(不能自动撑开,高是固定的,不够灵活)同级之间,加float属性,其余的也要加。原创 2023-07-17 17:48:22 · 49 阅读 · 1 评论 -
【HTML+css】字体样式 背景样式 盒子模型学习
如果最后一行也实现两端对齐需要加一行代码text-align-last:justify;行内块元素 img 表单元素(input、select、textarea)inline-block:设置为行内块元素,宽高生效,不独占一行。block:设置为块级元素,宽高生效,独占一行。inline:设置为行内元素,宽高不生效;/* 定义穿过文本的一条线(删除线--s或del标签同样效果) */inline-block:设置为行内块元素,宽高生效,不独占一行。line-through:定义穿过文本下的一条线。原创 2023-07-14 17:46:59 · 256 阅读 · 1 评论 -
【html5+css】css引入方式 选择器 以及他们的优先级
1.兄弟选择器 相邻兄弟 + 只修改他下面的相邻的选择器。2.兄弟选择器 通用兄弟 ~ 修改他后面的所有选择器。他可以使用所有标签比如: h1-h6 ul li div span等。组合选择器时,安优先级顺序叠加,谁大谁生效。兄弟选择器 相邻兄弟 + 只修改他下面的相邻的选择器。兄弟选择器 通用兄弟 ~ 修改他后面的所有选择器。在html里面定义好id 通过# 来调用修饰。组合选择器时,安优先级顺序叠加,谁大谁生效。/* 群组选择器 选择器之间用,隔开 */这里展示选择器里面的功能之一(鼠标悬浮)原创 2023-07-13 17:32:35 · 600 阅读 · 2 评论