- 博客(8)
- 收藏
- 关注
RSS订阅原创 【css】css动画实现的3种方式
css实现动画主要有3种方式，①、transition实现过渡动画，②、transform转变动画，③、animation实现自定义动画。
2022-05-25 00:18:13
18141
原创 【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
271
原创 【css】css 清除浮动的三种方法
浮动元素碰到包含它的边框或者浮动元素的边框就会停留下来。由于浮动元素不在文档流中，所以文档流的块框表现得就像浮动框不存在一样。浮动元素会漂浮在文档流的块框上。浮动的影响：（1）由于浮动元素脱离了文档流，所以父元素的高度无法被撑开，影响了与父元素同级的元素（2）与浮动元素同级的非浮动元素会跟随其后，因为浮动元素脱离文档流不占据原来的位置（3）如果该浮动元素不是第一个浮动元素，则该元素之前的元素也需要浮动，否则容易影响页面的结构显示清除浮动的3个方法：①额外标签 clear:both在浮动元素后面
2022-05-13 17:24:18
278
原创 【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
8660
原创 介绍下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
1946
原创 【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
1255
原创 【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
13685
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人