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)

css3基础---文字阴影

摘要： text-shadow用来为文字添加阴影，而且可以添加多层，阴影值之间用逗号隔开。（多个阴影时，第一个阴影在最上边）默认值：none 不可继承值 <color> 可选。可以在偏移量之前或之后指定。如果没有指定颜色，则使用UA（用户代理）选择的颜色。 <offset-x> <offset-y> 必阅读全文

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

css3基础---自定义字体图标

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文

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

css3基础---自定义字体

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> @font-face { font-family:"MtFont"; src: url(font/BAUHS93. 阅读全文

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

css3基础---:target链接伪类的使用

摘要：注意：目标伪类选择器是一个动态选择器，只有存在url指向该匹配元素时候，样式才会生效。不使用js实现一个标签卡 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--:target 代表一个特殊的元素，这阅读全文

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

css3基础---CSS选择器

摘要： ###CSS选择器 CSS3选择器规范地址： https://www.w3.org/TR/2011/REC-css3-selectors-20110929/ CSS3选择最新选择器规范: https://www.w3.org/TR/selectors ! 问题 ! 1.css的全称是什么？ 2.样式阅读全文

posted @ 2021-07-05 10:00 leiyanting 阅读(57) 评论(0) 推荐(0)

导航

2021年7月5日