CSS
文章平均质量分 56
CSS用到的一些常用属性效果
等等博客
记录学习过程
展开
-
CSS的弹性盒子布局
display: flex 属性要写在父盒子。默认:nowrap不换行 wrap换行。要和flex-wrap:wrap一起用。column纵向排列 row默认。原创 2023-07-22 18:31:02 · 676 阅读 · 1 评论 -
CSS渐变动画效果
linear-gradient(不平铺)/repeating-linear-gradient(平铺)radial-gradient(不平铺)/repeating-radial-gradient(平铺)circle(圆形) at top(从上开始) 颜色后面可以给百分比或者百分比。animtion是调用 name是自己取的 2s是动画时间 linear是匀速。第一个值是属性 一般是all 也可以是其他的属性名称。第二个值是时间 单位是时间单位 通常是s、默认值是1 小于1是缩小 大于1是放大。原创 2023-07-22 18:18:14 · 624 阅读 · 0 评论 -
CSS的字体,背景,边框的样式补充
设置图像起始位置 前面一个值代表横向 后面一个值代表纵向一个值时 默认填充另一个方向为center。italic倾斜 normal正常 oblique强制倾斜。600-900 加粗 bold加粗 bolder强调加粗。元素放置在父元素的基线上 (基线:英文格子第三条线上)2.使用百分比 第一个值为x轴 第二个值为y轴。400-500 本身不变 normal一样。段落间隔 每一个单词之间的间隔。四个值 左上 右上 右下 左下。规定不换行 直到遇到br标签。三个值 左上 左下右上 右下。原创 2023-07-20 17:52:38 · 56 阅读 · 0 评论 -
CSS浮动和定位
最初被当作relative 相对于原来的位置进行偏移 一旦超过阙值 会被当做fixed定位。逐级向上找 相对碰到第一个有定位属性的父盒子定位 如果都都没有 那就相对浏览器定位。不管页面如何滚动 他都永远固定在那里 相对浏览器窗口定位。子绝父相 子类加绝对定位 那么父盒子要有相对定位属性。规范:同级之间,一个加float 其余也加。.默认为z-index: 1 数字越大越靠前显示。2.如果父盒子有定位属性 那么就相对父盒子相对。影响: 1.破坏了布局,导致布局错乱。1.相对浏览器窗口定位。原创 2023-07-17 15:45:44 · 51 阅读 · 1 评论 -
CSS样式(文本属性,背景以及盒子模型)
目录text-align: center 居中text-align: left 左对齐 默认样式用于实现垂直居中(行高=盒子高度)定义一条删除线text-align: right 右对齐用于定义文本上的一条线text-align: justify 两端对齐,如果让最后一行也实现加text-align-last: justify只给首行缩进,缩进两个字符时,值等于字体大小乘2用于清除a标签的默认下划线用于定义文本下的一条线单词首字母大写单词全大写单词全小写背景色背景图背景图平铺方式背景图片大小设置为行级元素p原创 2023-07-14 17:33:01 · 571 阅读 · 1 评论 -
CSS基础(引入和选择器)
优先级 行内引入方式,优先级最高 内联式和外联式谁在后面谁生效。*优先级最低 标签选择器原创 2023-07-13 14:31:51 · 75 阅读 · 1 评论