![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
z_Ever1
这个作者很懒,什么都没留下…
展开
-
CSS-表单伪类选择器
表单伪类选择器 form *:focus{ /*background-color: pink;*/ } form *:valid{ /*background-color: green;*/ } form *:invalid{原创 2017-10-26 14:21:21 · 747 阅读 · 0 评论 -
CSS-定位
定位 *{ margin: 0; padding: 0; } div{ width: 100px; height: 200px; background-color: skyblue; }原创 2017-10-26 14:34:05 · 239 阅读 · 0 评论 -
CSS-品字布局
品字布局 *{ margin: 0; padding: 0; } .small{ width: 100px; height: 100px; background-color: pink;原创 2017-10-26 14:34:36 · 572 阅读 · 0 评论 -
CSS-弹性盒模型布局
弹性盒模型布局 *{ margin: 0; padding: 0; } .outer{ border: 1px solid black; display: flex; /*设置换行*/原创 2017-10-26 14:35:02 · 299 阅读 · 0 评论 -
CSS-动画
动画 div{ margin: 0 auto; width: 100px; height: 100px; background-color: pink; animation-name: myName; /*动画持续原创 2017-10-26 14:35:24 · 196 阅读 · 0 评论 -
CSS-表格
table table{ border:1px solid; border-collapse: collapse; caption-side: top; } tr{ height: 30px; }原创 2017-10-26 14:38:58 · 224 阅读 · 0 评论 -
CSS-基本选择器
基本选择器 *{ margin: 0; /*外边距,盒子与盒子之间的距离*/ padding: 0; /*内间距,盒子内部的内容与盒子边框的距离*/ } .outer{ border: 1px solid red;/*边框线的宽度 样式:实线 颜色*/原创 2017-10-26 14:18:44 · 185 阅读 · 0 评论 -
CSS-属性选择器
属性选择器 *{ margin: 0; padding: 0; } .big{ background-color: blue; } .outer{ width: 100px;原创 2017-10-26 14:19:38 · 181 阅读 · 0 评论 -
CSS-伪类选择器
伪类选择器 a{ text-decoration: none; } /*未访问的样式 默认蓝色*/ a:link{ color: green; } /*访问之后的样式 默认紫色*/ a:visited{原创 2017-10-26 14:20:11 · 189 阅读 · 0 评论 -
CSS-伪类子代选择器
伪类子代选择器 *{ margin: 0; /*外边距,盒子与盒子之间的距离*/ padding: 0; /*内间距,盒子内部的内容与盒子边框的距离*/ } .outer{ border: 1px solid red;/*边框线的宽度 样式:实线 颜色*/原创 2017-10-26 14:20:46 · 929 阅读 · 0 评论 -
CSS-浮动2
float .outer{ border: 1px solid red; /*background-color: blue;*/ overflow: hidden; } .inner{ width: 100px;原创 2017-10-26 14:32:16 · 211 阅读 · 0 评论 -
CSS-浮动1
float *{ margin: 0; padding: 0; } div:first-child{ width: 100px; height: 400px; background-color: red;原创 2017-10-26 14:31:41 · 208 阅读 · 0 评论 -
CSS-伪元素选择器
伪元素选择器 li{ list-style: none; } li::before{ content: "*"; color: red; } li::after{ content: "$";原创 2017-10-26 14:21:59 · 472 阅读 · 0 评论 -
CSS-继承
继承 p{ color: red; border: 1px solid blue; } /*p.one span{ color: initial; border: inherit; }*/ p.原创 2017-10-26 14:22:30 · 173 阅读 · 0 评论 -
CSS-引入
@import url(./0-base.css);div{ width: 100px; height: 100px; background-color: blue;}---------------------------------------------------------------------------------------------原创 2017-10-26 14:23:27 · 186 阅读 · 0 评论 -
CSS-优先级
优先级 #test{ /*100*/ background-color: pink; } div.one{ /*1+10*/ background-color: blue /*!important*/; } div{ /*1*/原创 2017-10-26 14:26:24 · 174 阅读 · 0 评论 -
CSS-显示与隐藏
display visibility div{ width: 100px; height: 100px; background-color: skyblue; } div:first-child/*:hover*/{ /*bac原创 2017-10-26 14:26:52 · 445 阅读 · 0 评论 -
CSS-块级与行内转换
display div{ width: 100px; height: 100px; background-color: red; /*display: inline;*/ display: inline-block; }原创 2017-10-26 14:27:25 · 2549 阅读 · 0 评论 -
CSS-超出部分的处理
overflow div{ width: 160px; height: 160px; /*dotted点状线 dashed虚线 double双实线 solid实线*/ bo原创 2017-10-26 14:27:57 · 588 阅读 · 0 评论 -
CSS-鼠标样式
cursor span{ display: inline-block; width: 50px; /*height: 30px;*/ /*设置行高,使其垂直居中*/ line-height: 30px; backg原创 2017-10-26 14:28:39 · 337 阅读 · 0 评论 -
CSS-盒子模型
盒子模型 *{ margin: 0; padding: 0; } div:first-child{ width: 100px; height: 100px; /*background-color: red原创 2017-10-26 14:30:44 · 193 阅读 · 0 评论 -
CSS
CSS Cascading style sheets 层叠样式表 html 结构 css 展现样式 js 动作 CSS选择器 选择某些元素 id选择器: #one{ } 类选择器: .one{原创 2017-10-26 14:16:13 · 207 阅读 · 0 评论