
VScode
宋宋1731
这个作者很懒,什么都没留下…
展开
-
元素的显示和隐藏
元素的显示与隐藏 类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现 本质:让一个元素在页面中隐藏或者显示出来 一.display属性(显示隐藏元素,但是不保留位置) display:none ;隐藏对象 display:block;除了转换为块级元素之外,同时还有显示元素的意思 display隐藏元素后,不再占有原来的位置。 后面应用及其广泛,搭配js可以做很多的网页特效 二.visibility可见性(显示隐藏元素,但是保留原来位置) visibility:visible;元原创 2022-05-07 20:34:25 · 756 阅读 · 0 评论 -
浮动的特性
浮动的特性: 特性1:脱离标准文档流 可以与其他元素并排展示 也可以设置宽高 元素如果不设置宽高,默认为内容的宽高。 特性2 : 浮动的元素互相贴靠 浮动元素会努力贴靠上一个浮动元素的边。如果宽度不够,则当前浮动元素会换行显示。换行后顶部不会超过上一个浮动元素的底部。 特性3 : 浮动的元素有字围效果。 标准流的文字不会被浮动的盒子遮挡。而是会像水一样将浮动的盒子包围起来。 浮动与行内块的区别 1、多个行内块并排展示时会有间隙。 原因:HTML代码中行内块前后有空格,换行或者缩进。 解决办原创 2022-05-07 20:31:03 · 724 阅读 · 0 评论 -
css选择器
1. 标签选择器:使用标签来对样式进行设置 例如对span标签样式进行设定: span{ color: red; } 2. 类选择器:通过.box(可以是任意名称,.必不可少)来设置CSS样式,再通过class="box"方法来调用 例如: .box{ text-align: center; } <body> <div class="box"></box> </body> 3. id选择器:使用#box来设置样式,...原创 2022-05-07 20:27:46 · 224 阅读 · 0 评论 -
css初学
内部样式表 结构样式分离 没有彻底分离 控制范围中 写到head里 行内样式表 书写方便权重高 没有将样式与结构分离 控制范围小 写到div span之类的标签里 外部样式表 完全分离 需要引入 控制范围大 需要建css文件 在head里通过link引入 font-size 字体大小 font-family 字体 font-weuight 字体粗细 font-style 字体风格 以上四个可以写到一个font里但是需要排序 1style 2weight 3size 4fa原创 2022-04-27 19:54:32 · 86 阅读 · 0 评论