您现在的位置:首页 >> 前端 >> 内容

css的进一步学习(前端第三天)

时间:2017/1/12 10:31:16 点击:

  核心提示:(第三天)类选择器:id选择器只能给一个,类选择器可以给多个;使用#id名即可表示通配选择器优先级权值为0,优先级最小标签选择器权值为1类选择器的权值是10id选择器的权值是100行间样式的权值是10...

(第三天)

类选择器:

id选择器只能给一个,类选择器可以给多个;使用#id名即可表示

通配选择器优先级权值为0,优先级最小

标签选择器权值为1

类选择器的权值是10

id选择器的权值是100

行间样式的权值是1000(行间样式,不经常用,也不推荐用,当样式很少的时候可以适当地用一下)

<p class="p1" id="p_id" style="background: pink;">行间样式</p>

!important:权值10000,写在一个样式结束前,也不是经常用过,尽量少用

群组选择器:选择器之间用逗号连接,表示选择器之间有相同的样式

.p1,.p2,.p3 {
}

hover:伪类标签,用于鼠标浮在元素上面显示的样式,请注意写法(鼠标移动到上面改变)

p:hover{}//更改p里面的属性

优先级相同的情况下,后写的样式会覆盖前面的样式

float:浮动,(分清楚每次浮动的方向)

position:位置(后期整合的适合用到)

三种情况会使得元素脱离文档流,分别是:浮动、绝对定位和相对定位

/*定位方式:绝对的,浮动起来,是的图层不在一层*/
position: absolute;
/*改变层级,就可以显示下面的*/

z-index: 1;
/*相对定位没有脱离文档流,根据自身位置进行定位*/

position: relative;
position: fixed;位置固定(小广告用这个的)

Tags:CS SS S的 的进 
作者:网络 来源:猪猪侠
  • 上一篇:vue语法学习
  • 下一篇:HTML字符实体