![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 83
光明山顶
这个作者很懒,什么都没留下…
展开
-
【css】css动画实现的3种方式
css实现动画主要有3种方式,①、transition实现过渡动画,②、transform转变动画,③、animation实现自定义动画。原创 2022-05-25 00:18:13 · 18205 阅读 · 0 评论 -
【css】css水平垂直居中的方法
一、需要知道子元素的宽高下面是所有效果都要用到的公共代码,主要是设置颜色和宽高注意:后面不在重复这段公共代码,只会给出相应提示/* 公共代码 */.wp { border: 1px solid red; width: 300px; height: 300px;}.box { background: green; }.box.size{ width: 100px; height: 100px;}1、absol原创 2022-05-16 08:58:37 · 277 阅读 · 0 评论 -
【css】css 清除浮动的三种方法
浮动元素碰到包含它的边框或者浮动元素的边框就会停留下来。由于浮动元素不在文档流中,所以文档流的块框表现得就像浮动框不存在一样。浮动元素会漂浮在文档流的块框上。浮动的影响:(1)由于浮动元素脱离了文档流,所以父元素的高度无法被撑开,影响了与父元素同级的元素(2)与浮动元素同级的非浮动元素会跟随其后,因为浮动元素脱离文档流不占据原来的位置(3)如果该浮动元素不是第一个浮动元素,则该元素之前的元素也需要浮动,否则容易影响页面的结构显示清除浮动的3个方法:①额外标签 clear:both在浮动元素后面原创 2022-05-13 17:24:18 · 285 阅读 · 0 评论 -
【css】CSS position(定位)属性
position 以及参数总结,示例代码原创 2022-05-13 17:14:22 · 12921 阅读 · 0 评论 -
【css】css display属性的值及用法
浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本。如果规定了 !DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 “inline-table”、“run-in”、“table”、“table-caption”、“table-cell”、“table-column”、“table-column-group”、“table-row”、“table-row-group”、以及 “inherit”。定义和用法display 属性规定元素应该生成的框的类型原创 2022-05-12 12:02:21 · 8676 阅读 · 0 评论 -
介绍下BFC,IFC,GFC和FFC
这里写目录标题一、BFC1、BFC 由以下之一创建2、BFC布局规则:2.1、内部的 Box 会在垂直方向,一个接一个地放置。2.2、Box 垂直方向的距离由 margin 决定。属于同一个 BFC 的两个相邻 Box 的 margin 会发生重叠。2.3、每个元素的左外边缘(margin-left), 与包含块的左边(contain box left)相接触(对于从左往右的格式化,否则相反),即使存在浮动也是如此。除非这个元素自己形成了一个新的 BFC。2.4、BFC 的区域不会与 float box 重原创 2022-05-12 00:15:43 · 1966 阅读 · 0 评论 -
【css】display:none、visibility:hidden 和 opacity:0 之间的区别
1、display:none隐藏, display:black 显示;2、visibility: hidden 隐藏, visibility: visible 显示;3、 opacity: 0 隐藏, opacity:1 显示;不同点:1,是否占据空间display:none 隐藏之后不占位置,该元素和它所有的后代元素都会被隐藏,也无法使用屏幕阅读器等辅助设备访问;visibility: hidden 隐藏元素占用与未隐藏时一样的空间,会影响页面布局;opacity: 0 是让元素产生透明度,原创 2022-05-11 11:56:59 · 1272 阅读 · 0 评论 -
【css】CSS3有哪些新特性
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言1、css3边框——圆角效果 border-radius2、css3边框——阴影 box-shadow3、css3边框——边框图片 border-image4、css3颜色——颜色之RGBA5、css3颜色——渐变色彩 liner-gradient线性渐变6、CSS3文字与字体——text-overflow与word-wrap7、CSS3文字与字体——@font-face 字体8、CSS3文字与字体——文本的阴影 text-s.原创 2022-05-07 21:29:19 · 13818 阅读 · 1 评论