CSS
文章平均质量分 88
CSS样式表(Cascading Style Sheet)技术经验总结
瑝琦
高内聚,低耦合
展开
-
CSS flex 盒子在 Chrome 和 Safari 中的行为差异
分析与解决 flex 盒子在 Chrome 和 Safari 中的行为差异问题原创 2021-07-05 15:43:53 · 1471 阅读 · 0 评论 -
CSS3之2D与3D变换
文章出自个人博客https://knightyun.github.io/2019/01/27/css-transform,转载请申明目录关于坐标轴2D变换translate(x,y)rotate(deg)scale(x,y)skew(xdeg,ydeg)matrix(a,b,c,d,e)3D变换translate3d(x,y,z)rotate3d(x,y,z,...原创 2019-01-27 22:10:49 · 1011 阅读 · 0 评论 -
CSS3过渡与动画
文章出自个人博客https://knightyun.github.io/2019/01/27/css-transition-animation,转载请申明CSS3中出现很多新的特性,下面就讲一下其中比较好玩的3D操作,过渡和动画效果;过渡(transition)过渡就是使瞬间的样式变化,按照一定方式变得缓慢平缓;例如鼠标划过超链接时颜色的变化,点击按钮后的颜色变化等,默认转化都是瞬间完...原创 2019-01-27 22:26:07 · 493 阅读 · 0 评论 -
用CSS画一些多边形状
文章出自个人博客https://knightyun.github.io/2019/01/27/css-draw-polygon,转载请申明CSS是个很强大的网页开发工具,使生硬的网页变得丰富绚丽,css能实现很多效果,比如css3中的过渡与动画效果都很好看,最基本的就是画一个具有长宽的矩形,通过设置 border-radius 又能实现画圆形和椭圆形,但是其他多边形似乎没有直接能用的属性,比...原创 2019-01-27 22:05:48 · 3150 阅读 · 0 评论 -
css属性前浏览器厂商前缀
文章出自个人博客https://knightyun.github.io/2019/01/27/css-webkit,转载请申明CSS3中一些新功能也是目前导致各大浏览器不兼容的一个原因,这些新功能的出现,浏览器厂商们变便开始尝试融合、试验,所以就在这些功能前加上自己的特定前缀来执行自己的特定解决方法,为了让这些功能能在完全确认下来前使用;下面就是我们经常用到的前缀及其兼容浏览器:-web...原创 2019-01-27 22:29:01 · 844 阅读 · 0 评论 -
CSS单位与尺寸参数
文章出自个人博客https://knightyun.github.io/2019/01/27/css-px,转载请申明css单位px常用的单位,即像素pixel缩写,但通常被当做绝对单位,但严格说并不是,因为官方考虑到观看不同设备显示屏时,使网页设计出的某一图形的显示大小在人眼中的观看效果差不多,而定义的一个相对值,即人以一臂之遥观看96DPI的显示屏的角度,大概就是利用透视的近大远小原...原创 2019-01-27 22:08:13 · 547 阅读 · 0 评论 -
CSS选择器详细介绍
文章出自个人博客https://knightyun.github.io/2018/05/02/css-selector,转载请申明目录 基础选择器 元素选择器类选择器ID选择器 ID选择器与类选择器的区别子选择器后代选择器通用选择器属性选择器 简单属性选择器属性和值选择器伪元素选择器 :active:hover:focus::selection...原创 2018-05-03 22:30:47 · 593 阅读 · 0 评论 -
css布局模型详细介绍
文章出自个人博客https://knightyun.github.io/2018/05/04/css-layout-model转载请申明HTML中元素有三种布局模型:流动模型、浮动模型、层模型。流动模型(flow)HTML网页默认布局就是流动模型,布局如下:块级元素(block)自上而下垂直分布,因为块级元素默认宽度为浏览器窗口的100%,或者理解为每个块级元素默认占一行。...原创 2018-05-04 23:14:34 · 261 阅读 · 0 评论 -
CSS样式之内容居中方法
水平居中HTML中要实现某一内容水平居中显示,要通过设置css样式来实现,主要分为行内元素和块状元素两种情况,块状元素又可分为块状定宽与块状不定宽两种情况,接下来依次介绍分析。行内元素像 a、span、i 这类元素叫做行内元素,文本和图片也是行内元素。行内元素水平居中方法简单,只需要给行内元素的父元素设置 text-align: center; css样式就内实现内容水平居中,例如: ...原创 2018-05-22 21:02:27 · 1005 阅读 · 0 评论