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 · 519 阅读 · 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 · 729 阅读 · 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 · 810 阅读 · 0 评论 -
CSS选择器
基本选择器包括 ：* 通配选择器E 元素选择器#id id选择器.class 类选择器selectorI,selectorN 群组选择器E F 后代选择器E > F 子选择器E + F 相邻兄弟选择器E ~ F 通用选择器* 通配选择器使用了该选择器，页面上的所有元素都会包含此选择器中的样式。如：*{background: #000;原创 2016-10-06 17:46:00 · 363 阅读 · 0 评论 -
flex布局
如何使用flex布局？设置父容器为display:fiex，如 ：<!DOCTYPE html><html><head> <style> .f1{ width: 500px; border: 2px solid #aaaaaa; } .f2,...原创 2018-02-24 14:18:59 · 1335 阅读 · 0 评论