
CSS
文章平均质量分 97
CSS
李小浦
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【CSS3】transform,transition,animation,回流,重绘
transition-property确定哪些属性是渐变,哪些属性是突变,默认是所有属性都是渐变transition-duration渐变时间,一般是秒做单位transition-timing-function值有,ease(先慢后快再慢),linear(匀速),ease-in(先慢后快然后突然停止),ease-out(先快后慢然后突然停止),steps(5):这个是5步跳过去。现在一般的电脑都是60赫兹的,意思就是一秒钟电脑有60张图片闪过,所以如果transition-durati原创 2022-12-13 16:49:12 · 519 阅读 · 0 评论 -
【CSS】sass与less,九宫格,轮播图,ios-checkbox,级联菜单
❤️ Author: 老九🙏 个人名言:不可控之事 乐观面对。原创 2022-10-24 17:49:45 · 182 阅读 · 0 评论 -
【CSS3】媒体查询,高级选择器,outline,@font-face,resize,精灵图,字体图标svg,cusor
例子resolution属性当像素点放大到原来的两倍的时候,字变成红色,这个主要是用在图片的放大,因为如果分辨率比较高的机器,如果用比较小的图片放大之后就会变糊,因此如果在max-resolution:1.5ddpx的时候,换成更小的图片就会比较好orientation属性控制屏幕的方向,值有两个,横向:landscape,纵向:portraitaspect-ratio属性这个是视口横纵比,aspect-ration:2/1,这个就是视口比是2:1伪类与伪元素伪类是某一个实原创 2022-12-03 16:41:16 · 555 阅读 · 0 评论 -
【CSS】多行文字保持垂直居中,移动端布局
方法2通过一个伪元素,将高度拉长,然后宽度设置为0,方法3通过flex,在flex中匿名文本也相当于被一个元素所包裹方法四可以通过table-cell实现移动端布局标尺图片中的一个像素,就是对应窗口的一个像素(也叫做一个css像素)移动端布局和桌面端布局有很大的不同,pc上屏幕都足够大,但手机尺寸及分辨率都各不相同,且物理尺寸很小,于是就造成了在pc和手机上完全的不同策略,在pc上一般都是定宽居中,而且这个定宽是比一般电脑的显示器要小,主体区域不管在哪个电脑上都是一样的大原创 2022-12-12 17:03:24 · 555 阅读 · 0 评论 -
【CSS】小米页面
logo菜单部分子菜单部分右侧栏(fixed)轮播图部分————————————————————————♥♥♥码字不易,大家的支持就是我坚持下去的动力♥♥♥版权声明:本文为优快云博主「亚太地区百大最帅面孔第101名」的原创文章原创 2022-12-09 18:24:06 · 1197 阅读 · 0 评论 -
【CSS3】文本属性,边框图片,透明度,小米轮播图子菜单另一种实现,覆盖准则,练习
❤️ Author: 老九🙏 个人名言:不可控之事 乐观面对。原创 2022-12-08 17:21:07 · 664 阅读 · 0 评论 -
【CSS】三栏等高自适应布局,圣杯与双飞翼布局,列表与生成元素,cursor,outline,page-break
列表与生成元素列表列表ul就是块元素,li继承了ul的块元素,所以li也是快元素,ul 可以设置列表类型,属性值是list-style-type或者是list-stye,默认是circle,还有disc,square,none,number等等有很多,浏览器的内置样式表里面:第一层ul是disc,第二层ul是circle,第三层ul是squarelist-style中包括list-style-img,值是url的函数,所以那个点点可以变成一个图片list-style中还包括list-style-p原创 2022-11-30 10:57:39 · 377 阅读 · 0 评论 -
【CSS】CSS变量使用,浮动布局
还可以通过改变display属性的值自己创造出表格尽管CSS表模型是面向行的,但是列和列组只接受四种样式:border,background,width,visibility表层单元格->行->行组->列->列组->表表标题(caption)border-collapse通过border-collapse属性可以控制表格元素的边框,我们之前是通过< table border=“1”>来设置边框,当单元格不合并的时候,只能给table标签和td标签设置边框,tbody和tr不能设置原创 2022-11-23 16:51:46 · 206 阅读 · 0 评论 -
【CSS】flex布局及应用
❤️ Author: 老九🙏 个人名言:不可控之事 乐观面对。原创 2022-11-04 13:33:06 · 288 阅读 · 1 评论 -
【CSS】定位布局,背景(background),伪元素
❤️ Author: 老九🙏 个人名言:不可控之事 乐观面对。原创 2022-10-04 21:04:41 · 476 阅读 · 0 评论 -
【CSS】QQ邮箱布局,词典四列布局,行内布局,CSS继承,vertical-align,white-space
QQ邮箱布局方案1方案2词典四列布局行内布局多行内元素的padding,margin对文字的摆放不产生影响,唯一影响布局的就是字号和行高,也相当于只有行高影响,因为字号包含在行高里,只是content-box之间的依次排列非替换元素的内边距,边框和外边距对行内元素或其生成的框没有垂直效果,他们不会影响元素行内框的高度。(line-height)替换元素的外边距和边框确实会影响该元素行内框的高度(margin-box)行高如果不设置,是跟字体相关的,不同的字体有着不同的默认行高。行原创 2022-09-30 10:12:37 · 958 阅读 · 1 评论 -
【CSS】盒模型,水平格式化,垂直格式化,块布局经典示例,元素隐藏方法,CSS函数
❤️ Author: 老九🙏 个人名言:不可控之事 乐观面对。原创 2022-09-22 22:42:19 · 386 阅读 · 22 评论 -
【CSS】选择器优先级,值与单位,字体属性
从低到高继承,x浏览器自带的样式,x标签样式,x用户书写的,开发者书写的样式,开发者书写的内联样式,开发者书写的!important样式,开发者书写的内联!important样式,x用户书写的important优先级不同直接确定,优先级相同先看来源,来源相同,代码出现的越晚越大。原创 2022-09-20 16:48:56 · 406 阅读 · 1 评论 -
【CSS】标签层级关系,常用选择器,伪类选择器
层叠样式表,层叠在这里是什么意思呢?首先就是冲突处理,冲突就是对同一个元素指定了不同的样式,哪一个生效,第二个冲突就是样式是可以继承的。原创 2022-09-18 21:37:09 · 715 阅读 · 31 评论