![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
橙煦媛
hello,world
展开
-
css中的id和class
**class的主要功能,用来对对象的样式设置 id除了可以定义样式之外,还可以成为网站交互行为一个特使标识。 id名字在每个页面中只能允许出现一次。**何时使用id: 1.样式只使用一次 2.用于对页面的区域进行标识何时使用class: 1.同一页面中出现多次 2.通用及经常使用的元素 3.class高级使用技巧-同时使用多个类 eg:原创 2015-11-19 20:43:10 · 222 阅读 · 0 评论 -
CSS中 !important 的使用
!important作用是提高指定CSS样式规则的应用优先权 在CSS中,通过对某一样式声明! important ,可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级,也就是相当于写在最下面。 一般地, .css文件中的定义 < 元素style中的属性<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type"原创 2016-12-06 15:45:34 · 598 阅读 · 0 评论 -
HTML CSS 特殊字符
1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“2、列表符号后面有两列编号, 第一列编号用于HTML文档中,需要在编号前面加上“&#”符号,比如说“向左箭头”符号对应的HTML编号是:“8672”,那么在文档中需要写成“⇠”; 第二列编号用于CSS文档中,需要在编号前面加上反斜杠“\”进行转义,比如说“向左箭头”符号对应的CSS编号是:“21E0”,那么在文档中需转载 2017-03-02 20:53:16 · 549 阅读 · 0 评论 -
sass 使用简介
Sass使用1. sass-rubysass使用ruby编写,必须先安装ruby再安装sass**安装ruby,下载ruby installer for windows,记得next后勾选 gem install sass**2. 使用变量开头,开头,blue : #173 使用变量要嵌套在字符串中,写在#{}中,border-#{$side}-radius: 5px;计算 bod原创 2017-02-25 18:34:15 · 282 阅读 · 0 评论 -
Sass 和 SCSS的区别
Sass 和 SCSS 有什么区别?SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。 Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点:文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.原创 2017-02-25 19:05:03 · 885 阅读 · 0 评论 -
CSS em rem vh vw calc() line-height 百分比
CSS单位em相对单位,参考物是父元素的font-size,具有继承的特点。如果字体大小是16px(浏览器的默认值),那么 1em = 16px body { font-size: 62.5%; } 这样之后 1em = 10px 在布局等使用的时候好换算了很多百分比1、对于普通定位元素就是我们理解的父元素 2、对于position: absolute;的元素是相对于已定位的父元素(off原创 2017-03-05 18:08:52 · 918 阅读 · 0 评论 -
flex弹性布局
flex弹性布局display:flex;display:inline-flex;display: -webkit-flex; /* Safari */设为Flex布局以后,子元素的float、clear和vertical-align属性将失效属性-设置在容器上1,flex-direction:主轴的方向 - column(默认,从左到右), - col原创 2017-03-06 09:27:38 · 197 阅读 · 0 评论 -
CSS伪类和伪元素
伪类和伪元素伪类伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的 比如说,当用户悬停在指定的元素时,我们可以通过:hover来描述这个元素的状态。虽然它和普通的css类相似,可以为已有的元素添加样式,但是它只有处于dom树无法描述的状态下才能为元素添加样式,所以将其称为伪类。 :hover,:link,:active,:target,:not(),:fo原创 2017-03-05 17:04:28 · 621 阅读 · 0 评论 -
CSS中的BFC
1.BFC是什么BFC(Block formatting context)直译为”块级格式化上下文”。它是一个独立的渲染区域, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。2.BFC布局规则内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin bo原创 2017-04-06 14:54:20 · 292 阅读 · 0 评论