![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
小白家的小黑
我爱学习
展开
-
CSS之弹性(flex)布局
弹性(flex)布局为盒模型提供最大的灵活性注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效●flex-direction属性 主轴的方向!●flex-wrap●flex-flow●justify-content●align-items●align-content...原创 2021-10-24 23:05:39 · 530 阅读 · 0 评论 -
CSS中解决父布局塌陷问题
CSS中解决父布局塌陷问题 因为子元素浮动后,会脱离文档流。导致子元素无法撑起父元素的高度,造成父元素高度塌陷(父元素占据子元素原来的位置,此时父元素也没有设置高度,没有内容撑开父级高度)起始状态<style type="text/css"> #div_01{ background-color: antiquewhite; } #div_02{ height: 100px;原创 2021-07-02 09:33:14 · 731 阅读 · 0 评论 -
CSS中解决父子边界重叠问题
CSS中解决父子边界重叠问题什么情况会出现父子边界重叠问题? 子元素设置了margin-top属性传递给了父元素,导致子元素和父元素相邻的垂直外边距发生重叠。即:CSS样式代码 #div_01{ height: 300px; width: 300px; background-color: antiquewhite; } #div_02{ margin-原创 2021-07-01 20:32:36 · 2321 阅读 · 4 评论 -
设置轮播图笔记
1.准备尺寸大小一致的照片,并导入img中2.新建一个css文件,这里命名为banner,在banner中插入以下代码.banner { position: relative; overflow: auto; text-align: center;}.banner li { list-style: none;}.banner ul li { float: left;}.banner { width: 100%; height: 90px;}.banner .dot原创 2021-06-15 10:22:36 · 226 阅读 · 0 评论 -
HTML设计网页之网页头部
HTML设计网页之网页头部<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>小逯工作室有限科技公司</title> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href=原创 2021-06-08 10:00:45 · 13876 阅读 · 1 评论 -
JavaScript———件添加监听的第三个参数测试
事件添加监听的第三个参数测试完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>事件添加监听的第三个参数测试</title> <style type="text/css"> #div_red{ width: 300px; height: 300px; background-color: palegold原创 2021-05-24 10:56:32 · 160 阅读 · 0 评论 -
CSS之后代、子代选择器的区别
https://blog.csdn.net/m0_53521757/article/details/116082047原创 2021-04-24 16:04:58 · 1239 阅读 · 0 评论 -
CSS之后代选择器(重点,精髓!!!)
后代选择器后代选择器选中的是指定元素的所有后代,父子级之间用空格连接示例代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>后代选择器</title> <style type="text/css"> /* 父子级之间用空格连接, 将所有div标签下的span标签的文本颜色设置为红色*/ div span{ col原创 2021-04-24 15:43:02 · 1112 阅读 · 0 评论 -
CSS之子代选择器
子选择器原创 2021-04-24 15:17:06 · 4804 阅读 · 0 评论 -
CSS之并集选择器
并集选择器如果说在各个标签中有相同的属性时,我们可以把这些属性用并集选择器放到一起,从而达到简化代码的效果。用法:各个标签用逗号隔开例如:/* 并集选择器的用法,各个标签用逗号隔开 */ #div_01,.c_01{ background-color: #9ACD32; width: 200px; height: 200px }完整示例代码<!DOCTYPE html><html> <head> <meta ch原创 2021-04-24 08:55:44 · 1156 阅读 · 0 评论 -
CSS中的“全部选择器”
“全部选择器”全部选择器即所有的意思,用“*”来标记,但它用的不多,了解一下即可示例代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>全部选择器</title> <style type="text/css"> /* 星号“*”代表全部 */ *{ background-color: #A9A9A9; }原创 2021-04-24 08:38:13 · 668 阅读 · 0 评论 -
CSS中三种基础选择器
基础选择器实例代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>基础选择器</title> <style type="text/css"> /* 类选择器由井号“#”及id属性值直接相连构成 */ #div_01{ background-color: skyblue; width: 200px; h原创 2021-04-24 08:26:12 · 431 阅读 · 0 评论 -
小米新logo
小米正式发布了新Logo,小米新十年迎来新形象。由日本平面设计大师原研哉亲自操刀设计,新logo花了三年时间设计,据说设计费高达200w!!!将小米品牌视觉融入东方哲学的思考,从“科技与生命的关系”出发,提出全新的设计理念。“Alive。生命感设计。”这是小米新LOGO的设计概念,也是原研哉和小米,对科技与生命关系的新思考。它采用了新的“超椭圆”轮廓设计,不再局限于画面的一角,达到视觉的最佳动态平衡。同时新增了 Motion LOGO 设计,以浮游感的姿态出现,就像有生命一样 ,不同环境下,动态也随原创 2021-04-12 09:06:39 · 612 阅读 · 0 评论 -
HTML列表知识点
HTML列表知识点1.1列表类型与标记符号列表类型标记符号备注无序列表<ul>……</ul>常用菜单列表<menu>……</menu>不常用目录列表<dir>……</dir>不常用有序列表<ol>……</ol>常用定义列表<dl>……</dl>常用1.2无序列表1.基本语法<ul type="">原创 2021-04-01 15:01:53 · 445 阅读 · 4 评论