CSS3
关注
分享
扫一扫
文章平均质量分 64
四川码匠
此生之路，我将走过；走过这一次，便再也无法重来。所有力所能及的善行，所有充盈于心的善意，我将毫不吝惜，即刻倾于。我将不再拖延，再不淡漠，只因此生之路，再也无法重来。
展开
-
前端基础知识学习---CSS3学习（一）基本选择器
CSS3学习笔记前言css的全称是什么？——casccading style sheets样式表的组成？——选择器+声明块浏览器杜宇编译css的顺序？——div ul li #test从右往左选择器基本选择器通配符选择器——* {margin:0;}元素选择器——body {background: #eee}类选择器——.list {list-styl...原创 2018-07-15 20:39:08 · 200 阅读 · 0 评论 -
前端基础知识学习---CSS3学习（二）属性选择器
属性选择器存在和值属性选择器html结构<div id="wrap"> <div name="zhangsan">1</div> <div name="li luo">2</div> <div name="li">3&a原创 2018-07-15 20:39:47 · 194 阅读 · 0 评论 -
前端基础知识学习---CSS3学习（三）伪类选择器
伪类与伪元素选择器链接伪类:link：表示作为超链接，并指向一个为访问的地址的所有锚:visited：表示作为超链接，并指向一个已访问的地址的所有锚a{text-decoration: none;}a:link{color: deeppink;}#test :link{background: pink;}:target：代表一个特殊元素，它的id是URL的片段标识符...原创 2018-07-15 20:40:22 · 220 阅读 · 0 评论 -
前端基础知识学习---CSS3学习（四）伪元素选择器
伪元素选择器伪元素包含这几种，::after，::before，::firstLetter，::firstLine，::selection::after实例如下#warp::after{ content: ""; display: block; width: 200px; height: 200px; background: deeppink...原创 2018-07-15 20:40:57 · 204 阅读 · 0 评论 -
前端基础知识学习---CSS3学习（五）新增UI样式
自定义字体实例如下@font-face { font-family:; src: url();}新增UI方案文本新增样式opacity：改变透明度#warp{ width: 300px; height: 300px; margin: 100px auto; background: pink; op...原创 2018-07-15 20:41:36 · 221 阅读 · 0 评论 -
前端基础知识学习---CSS3学习（六）盒模型样式
文字描边h1{ font: 100px/200px "微软雅黑"; text-align: center; color: white; -webkit-text-stroke: pink 4px;}文字排版实例，省略过长内容显示为…div{ width: 200px; height: 100px; border:...原创 2018-07-15 20:42:07 · 179 阅读 · 0 评论 -
前端基础知识学习---CSS3学习（七）圆角和案例
新增UI样式圆角#warp{ position: absolute; height: 70px; width: 200px; border: 1px solid; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto...原创 2018-07-15 20:42:46 · 231 阅读 · 0 评论 -
前端基础知识学习---CSS3学习（八）线性渐变
线性渐变双颜色值的线性渐变background-image:linear-gradient(red,blue);多颜色值的线性渐变background-image:linear-gradient(red,blue,pink,black);改变渐变方向background-image:linear-gradient(to top left,red,blue);...原创 2018-07-15 20:44:06 · 274 阅读 · 0 评论