![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
qq_38577700
这个作者很懒,什么都没留下…
展开
-
CSS中support, media各自的含义及用法
supportCSS中的@support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,你可以写一套样式,如果不支持某个属性,你也可以提供另外一套样式作为替补。但是这里有一点需要注意的是:@support对于浏览器的版本也是有要求的,不是说所有的浏览器以及其所有的版本都是支持@support的基本语法@supports (display: flex) { div { display: flex; }} //如果浏览器支持display:flex属性的话,那么div的样原创 2020-09-09 09:16:35 · 736 阅读 · 0 评论 -
CSS sprites
CSS sprites是什么?CSS Sprites是一种网页图片应用处理方式,就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位。优点减少网页的http请求,提高性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;减少图片的字节:多张图片合并成1张图片的字节小于多张图片的字节总和;减少了命名困扰:只需对一张集合的图片命原创 2020-09-08 09:37:07 · 490 阅读 · 0 评论 -
1rem、1em、1vh、1px各自代表的含义
remrem是全部的长度都相对于根元素<html>元素。通常做法是给html元素设置一个字体大小,然后其他元素的长度单位就为rem。em子元素字体大小的em是相对于父元素字体大小元素的width/height/padding/margin用em的话是相对于该元素的font-sizevw/vh全称是 Viewport Width 和 Viewport Height,视窗的宽度和高度,相当于 屏幕宽度和高度的 1%,不过,处理宽度的时候%单位更合适,处理高度的 话 vh 单位更好。px原创 2020-09-03 17:42:44 · 4254 阅读 · 0 评论 -
css水平、垂直居中的写法
水平居中行内元素: text-align: center块级元素: margin: 0 autoposition:absolute +left:50%+ transform:translateX(-50%)display:flex + justify-content: center垂直居中设置line-height 等于heightposition: absolute+top: 50%+left: 50%+transform: translate(-50%, -50%);display:fl原创 2020-09-03 14:22:06 · 195 阅读 · 0 评论 -
CSS中的三种基本的定位机制和使用场景
番外最近降温了,开始爱上化妆,以前是个化妆小白,就是单纯的觉得画完装精致,但是想要画好真的是太考验手法了,特别是眉毛的画法。今天早上没有人给我开服务,那就学习学习,顺带记录记录生活吧!CSS 定位机制CSS 有三种基本的定位机制:普通流、浮动和绝对定位。一、普通流除非专门指定,否则所有框都在普通流中定位。普通流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin计算得到。行内元素在一行中水平布置。二、定位为什么需要定位大家先考虑下翻译 2020-08-28 10:21:51 · 1739 阅读 · 0 评论 -
css中的盒模型
引言html页面上的元素都可以看成是框组成的,框通过三种定位机制排列在一起就过程了我们看到的页面.而框就是盒模型.w3c盒模型1.页面上的每个元素可以看成一个矩形框,每个框由元素的内容,内边距,边框和外边距组成。2.如果在元素上添加背景,则背景是边框, 内边距和内容组成的区域.3. 在css中width和height指的是内容区域的宽度和高度。增加内边距,边框和外边距不会影响内容区域的尺寸,但会增加元素框的总尺寸。即width=elementIE的盒模型在IE盒子模型中,width表示co原创 2020-08-27 16:39:16 · 91 阅读 · 0 评论 -
HTML行级标签和块级标签
一,块级标签独占一行,不和其他元素待在同一行能设置宽高,如果不设置宽度,那么宽度将默认变为父级的100%常见的块级标签:div,p,h1-h6,ul,li,dl,dt,dd二,行级标签能和其他元素待在同一行不能设置宽高,默认的宽度就是文字的宽度常见的行级标签:a ,span,strong,u,em三,行内块标签能和其他元素待在一行2 能设置宽高常见的行内块标签:img,input,textarea在HTML的角度来讲,标签分为:文本级标签:p , spa原创 2020-08-24 14:02:59 · 601 阅读 · 0 评论 -
css3常用的样式
起因本人小白一枚,最近公司没有项目,就学习整理一下,以便以后查看,该篇博客会在以后的学习过程中持续使用,丰富内容,如果有什么不对的,欢迎小伙伴指正水平垂直居中样式 display: flex; align-items: center; /*定义body的元素垂直居中*/ justify-content: center; /*定义body的里的元素...原创 2019-11-27 15:26:52 · 90 阅读 · 0 评论