![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css/css3
文章平均质量分 50
碵蝎
这个作者很懒,什么都没留下…
展开
-
背景渐变、字体渐变
背景渐变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div {原创 2022-01-20 00:26:57 · 393 阅读 · 0 评论 -
文字超出显示……
一行显示…… { width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 两行以上显示...... { width: 100px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;原创 2022-01-19 23:58:03 · 642 阅读 · 0 评论 -
使用字体库
<style> /*定义字体库*/ @font-face { font-family: WebFont; // 字体名称 src:url('font.ttf'); // 字体文件路径 } div { font-family: WebFont; // 使用字体 font-size: 50px; color: blue; } </style> <div>abc</div> 运行效果 : ...原创 2022-01-19 23:51:20 · 724 阅读 · 0 评论 -
CSS选择器
基本选择器包括 : * 通配选择器 E 元素选择器 #id id选择器 .class 类选择器 selectorI,selectorN 群组选择器 E F 后代选择器 E > F 子选择器 E + F 相邻兄弟选择器 E ~ F 通用选择器 * 通配选择器 使用了该选择器,页面上的所有元素都会包含此选择器中的样式。如: *{background: #000;原创 2016-10-06 17:46:00 · 309 阅读 · 0 评论 -
flex布局
如何使用flex布局?设置父容器为display:fiex,如 :<!DOCTYPE html> <html> <head> <style> .f1{ width: 500px; border: 2px solid #aaaaaa; } .f2, ...原创 2018-02-24 14:18:59 · 1274 阅读 · 0 评论