2021年7月6日

css基础---resize

摘要： resize CSS 属性允许你控制一个元素的可调整大小性。（一定要配合overflow：auto使用）默认值：none 不可继承值： none 元素不能被用户缩放。 both 允许用户在水平和垂直方向上调整元素的大小。 horizontal 允许用户在水平方向上调整元素的大小。 vertica 阅读全文

posted @ 2021-07-06 10:49 leiyanting 阅读(137) 评论(0) 推荐(0)

css3基础---boxsizing

摘要： box-sizing 属性用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行/列为。默认值：content-box 不可继承值 content-box 默认值，标准盒子模型。 width 与 height 只包括内容的宽和高，阅读全文

posted @ 2021-07-06 10:48 leiyanting 阅读(161) 评论(0) 推荐(0)

css3基础---盒子倒影( -webkit-box-reflect)

摘要： /* left是倒影的方向 10px是倒影距离本体元素的距离 */ -webkit-box-reflect: left 10px; 阅读全文

posted @ 2021-07-06 10:33 leiyanting 阅读(142) 评论(0) 推荐(0)

css3基础---图片水平垂直居中

摘要： vertical-align: middle; 属性设置元素的垂直对齐方式。可选值: middle:把此元素放置在父元素的中部。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-U 阅读全文

posted @ 2021-07-06 10:21 leiyanting 阅读(163) 评论(0) 推荐(0)

css3基础---元素水平垂直居中

摘要： div{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100px; width: 100px; } 阅读全文

posted @ 2021-07-06 09:58 leiyanting 阅读(37) 评论(0) 推荐(0)

css3基础---盒子阴影(box-shadow)

摘要： box-shadow 以逗号分割列表来描述一个或多个阴影效果，可以用到几乎任何元素上。如果元素同时设置了 border-radius ，阴影也会有圆角效果。多个阴影时和多个 text shadows 规则相同(第一个阴影在最上面)。默认值: none 不可继承值： inset 默认阴影在边框外阅读全文

posted @ 2021-07-06 09:56 leiyanting 阅读(509) 评论(0) 推荐(0)

2021年7月5日

css3基础---文本排列(文本朝向,换行,多出省略号)

摘要： direction:控制文字的方向一定要配合unicode-bidi:bidi-override;来使用文本排列朝向 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> div { wi 阅读全文

posted @ 2021-07-05 20:12 leiyanting 阅读(149) 评论(0) 推荐(0)

css3基础---文字描边

摘要： -webkit-text-stroke: red 1px; 阅读全文

posted @ 2021-07-05 19:43 leiyanting 阅读(60) 评论(0) 推荐(0)

css3基础---filter滤镜(高斯模糊等)

摘要：用法：直接作用于当前元素，当前元素及其父元素，或其背景都会被高斯模糊 /* 高斯模糊度 */ filter: blur(5px); 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起，所以值越大越模糊；如果没有设定值，则默认是0；这个参数可设置css长度阅读全文

posted @ 2021-07-05 19:12 leiyanting 阅读(105) 评论(0) 推荐(0)

css3基础---rgba

摘要：说明： RGBA(R,G,B,A) 取值： R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值。正整数 | 百分数A：Alpha透明度。取值0~1之间。 .test{background-color:rgba(0,0,0,0.5);} 阅读全文

posted @ 2021-07-05 16:44 leiyanting 阅读(74) 评论(0) 推荐(0)

导航

2021年7月6日

2021年7月5日