html5+css3
文章平均质量分 60
卡角
这个作者很懒,什么都没留下…
展开
-
外边距合并
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。 参考: https://www.w3school.com.cn/css/css_margin_collapse.asp ...转载 2022-02-28 10:41:10 · 178 阅读 · 0 评论 -
关于背景透明度,对文本的影响。
使用 opacity 属性为元素的背景添加透明度时,其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读。 div { background-color: green; opacity: 0.3; } 使用 RGBA 颜色值,子元素应用不继承透明度。就是只改背景透明,然后文本不受影响啦。 div { background: rgba(0, 128, 0, 0.3) /* 30% 不透明度的绿色背景 */ } ...转载 2022-02-27 13:04:40 · 550 阅读 · 0 评论 -
打码日常8day-html5+css3(transition)
html5+css3css3过渡(transition)动画 css3 过渡(transition) 通过过渡可以指定一个属性发生变化时的切换方式 通过过渡可以创建一些非常好的效果,提升用户的体验 1.transition-property: 指定要执行过渡的属性 多个属性间使用,隔开 如果所有属性都需要过渡,则使用all关键字 大部分属性都支持过渡效果,注意过渡时必须是从一个有效数值向另外一个有效数值进行过渡 transition-property: height , width; transit原创 2021-01-14 09:59:47 · 113 阅读 · 0 评论 -
打码日常7day-html5+css3(html)
html5+css3学习笔记html表格表单 html 表格 rowspan 纵向的合并单元格 <td rowspan="2">D2</td> colspan 横向的合并单元格 <td colspan="2">C4</td> 可以将一个表格分成三个部分: 头部 thead 主体 tbody 底部 tfoot th 表示头部的单元格 border-spacing: 指定边框之间的距原创 2021-01-05 17:52:42 · 74 阅读 · 0 评论 -
打码日常6day-html5+css3(font+bg)
html5+css3css3字体相关的样式图标字体行高文本的水平和垂直居中其他文本样式 css3 字体相关的样式 color 用来设置字体颜色 font-size 字体的大小 em 相当于当前元素的一个font-size rem 相对于根元素的一个font-size font-family 字体族(字体的格式) 可选值: serif 衬线字体 sans-serif 非衬线字体 monospace 等宽原创 2021-01-04 15:51:40 · 111 阅读 · 0 评论 -
打码日常5day-html5+css3(position)
html5+css3css3定位的介绍(position)相对定位绝对定位固定定位粘滞定位元素的层级 css3 定位的介绍(position) 定位是一种更加高级的布局手段 通过定位可以将元素摆放到页面的任意位置 使用position属性来设置定位 可选值: static 默认值,元素是静止的没有开启定位 relative 开启元素的相对定位 absolute 开启元素的绝对定位 fixed 开启元素的固定定位 sticky 开启元素的粘滞定位 偏移量(offset) 当元素开启了原创 2021-01-04 15:49:22 · 64 阅读 · 0 评论 -
打码日常4day-html5+css3(float)
html5+css3css浮动的简介高度塌陷和BFCclearclearfix css 浮动的简介 通过浮动可以使一个元素向其父元素的左侧右侧移动 使用float来设置元素的浮动 可选值: none 默认值,元素不浮动、 left 元素向左浮动 rught 元素向右浮动 注意: 元素设置浮动以后,水平布局的等式将不用强行成立 元素设置浮动以后,会完全从文本流脱离,不在占领文档流的位置 浮动的特点原创 2020-12-30 08:57:04 · 67 阅读 · 0 评论 -
打码日常3day-html5+css3(layout)
html5+css3css3盒子模型盒子模型的布局displayvisibility盒子的大小 css3 盒子模型 外边距(margin) 外边距不会影响盒子可见的大小,只会影响盒子的位置 元素在页面中从左向右排,默认情况下设置左、上盒子会移动,下右会移动其他元素 值为负向相反方向移动 边框(border) 简写时无顺序要求 solid 表示虚线 dotted 点状虚线 dashed 虚线 double 双线 内边距(padding) 清除内容周围的东西 内容(conte原创 2020-12-29 10:42:42 · 79 阅读 · 0 评论 -
打码日常2day--html5+css3(css)
html5+css3css3css3编写的位置css选择器1.常用选择器2.复用选择器3.关系选择器4.伪类选择器5.选择器练习超链接的伪类伪元素样式的继承选择器的权重单位 css3 css3编写的位置 1.内联样式(行内样式) 在标签内通过style属性来设置元素的样式 问题: 只能对一个标签生效,如果要影响到多个元素,每一个都要复制一遍 修改时要一个一个修改,不方便 注意:开发时绝对不能用内联样式 <p style="color: cadetblue; font-size: 60px;原创 2020-12-28 11:57:42 · 227 阅读 · 0 评论 -
打码日常1day--html5+css3(html简介)
html5+css3学习笔记html51.网页的基本结构2.实体3.meta4.语义化标签 html5 1.网页的基本结构 -文档声明(doctype) -文档声明用来告诉浏览器当前网页的版本 -html5的结构声明<!doctype html>或<!Doctype HTML> 2.实体 -在html中有些时候,我们不能直接写一些特殊符号 -比如:多个连续的空格,字母两侧的大于小于符号 这时需要使用html中的实体(转义字符) 空格原创 2020-12-26 20:59:58 · 261 阅读 · 2 评论