![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
聆听。。花开雨落
这个作者很懒,什么都没留下…
展开
-
css-适配不通屏幕分辨率
【代码】css-适配不通屏幕分辨率。原创 2024-06-26 14:36:44 · 98 阅读 · 0 评论 -
让div水平居中的css方法
1、给要设置水平居中的div设置display:block ,margin:0 auto,width , height4个属性,可以让块级元素水平居中(默认情况下,div的position:static)其中left:50% position:的值除了static之外的都可以 marin-left:的值为负数,数值大小为width的一半。三、让div同时水平竖直居中的方法。转载 2022-08-20 13:40:56 · 5688 阅读 · 0 评论 -
CSS--z-index用法
定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释:元素可拥有负的 z-index 属性值。注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)说明该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。参考:https://www.w3school.com.cn/cssref/pr_pos_z-index.asp..原创 2021-05-07 14:46:08 · 284 阅读 · 0 评论 -
CSS--实现移动端右下角悬浮按钮功能
悬浮按钮实现:<img src="img/add.png" style="width: 3rem;height: 3rem;position: fixed;bottom: 2rem;right: 0.5rem;z-index: 9999;" />转载 2020-03-26 15:03:13 · 3152 阅读 · 0 评论 -
CSS--div块水平居中,垂直居中
水平居中一个div想要水平居中于它的父div中只需要给它加css属性margin:0 auto; 即可<!DOCTYPE html><html><head> <title></title></head><style>#box{ width: 200px; height: 20...转载 2020-03-25 17:01:51 · 181 阅读 · 0 评论 -
CSS 属性选择器
选择器 描述 [attribute] 用于选取带有指定属性的元素。 [attribute=value] 用于选取带有指定属性和值的元素。 [attribute~=value] 用于选取属性值中包含指定词汇的元素。 [attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。 [attribute^=value]...转载 2019-10-25 14:37:48 · 87 阅读 · 0 评论 -
CSS总结div中的内容垂直居中的五种方法
文章目录一、行高(line-height)法 二、内边距(padding)法 三、模拟表格法 四、CSS3的transform来实现 五:css3的box方法实现水平垂直居中 六:flex布局(2018/04/17补充)一、行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:p { he...转载 2019-10-23 14:50:39 · 490 阅读 · 0 评论 -
CSS--边框的其他用法(设置单独一条边)
边框的其他用法我们可以单独设置其中一条边,下面是代码实例。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ /*设置宽度和高度 单...转载 2019-10-21 20:30:34 · 2662 阅读 · 0 评论 -
CSS-块级元素(比如div)显示在同一行的方法
1 float :left2 display:inline;例子:d1和d2的这两个img将水平对齐<div><img style="float:left" id="d1"/><img style="float:left" id="d2"></div>原创 2019-09-28 17:37:15 · 7739 阅读 · 1 评论 -
css样式—字体垂直、水平居中
<div class="tt">啦啦啦</div>.tt{ padding: 0px; width:500px; height:200px; text-align:center; background-color:#F69; ...转载 2019-09-24 16:52:45 · 403 阅读 · 0 评论 -
CSS—两个div放在同一行
把两个div放到一个div中,然后给两个div的样式中加上style="float:left"即可原创 2019-08-01 15:08:10 · 1985 阅读 · 0 评论