css学习_css三大特性

css三大特性

1、层叠性(就近原则)

2、继承性(和文字有关的会继承)

3、优先级   (权重问题)

权重:0,0,0,0

0001 ---标签选择器(注意:即使有20个标签选择器也不会比一个伪类选择器优先级高)

0010  ---类选择器,伪类选择器,属性选择器,伪元素选择器

0100  ---id选择器

1000 ---行内样式

最大的权重: !important

eg: color!important;(一旦出现优先级最大)

权重是可以叠加的   对于复合选择器

eg:ul  li   权重为2

注意:  继承过来的权重为  0

下面这个最后是    蓝色。

注意  :权重相同的情况下,采取就近原则。

原文地址:https://www.cnblogs.com/yangyutian/p/10463648.html

时间: 2024-10-10 16:43:52

css学习_css三大特性的相关文章

css学习_css BFC特性(块级格式化上下文)

块级元素会有bfc条件------可以触发bfc--------利用bfc的特性来解决一些问题 1.什么是BFC? 就是一个封闭独立的渲染的区域 2.什么元素会有BFC的条件? ---块级元素会有,行内元素没有 3.什么情况下块级元素可以产生bfc?(触发bfc) 四种中有一种就行,可以触发bfc BFC特性 4.BFC主要用途(块级元素会有bfc条件------可以触发bfc--------利用bfc的特性来解决一些问题) 1.清除浮动 2.解决外边距合并的问题 3.做右侧自适应 原文地址:h

css学习_css复合选择器

css复合选择器 a.交集选择器  (即...又...:选择器之间不能有空格) p.one{color:red;] b.并集选择器(中间由逗号隔开) p,div{color:red;} c.后代选择器(可以选择到所以的子孙后代 :中间用空格隔开) .class h3{color:red} d.子元素选择器(中间用 大括号  >; 选的是儿子,孙子啥的不算) div>span{color:red;} e.属性选择器(用中括号表示) a[title]{color:red;} input[type=

css学习_css背景属性及其应用

css背景属性及其应用 1.背景 2.背景简写 3.背景透明(css3) 4.背景缩放(css3) 5.多背景图片(css3) 6.凹凸文字效果 原文地址:https://www.cnblogs.com/yangyutian/p/10463515.html

css学习_css用户界面样式

1.css用户界面样式 a.鼠标样式(记住几个兼容性好的) cursor:default/pointer/move/text; b.轮廓 outline outline:2px solid red: outline:0/none(取消轮廓线) c.防止拖拽文本域 textarea{resize:none:} d.背景图片和背景颜色一起出现时,背景颜色在最底层. e.行内块和文字对齐 vertical-align  对块级元素不起作用 图片和文字默认基线对齐 f.去除图片底侧空白缝隙 g. 溢出的

css学习_css补充知识

1.渐进增强,优雅降级 2.浏览器前缀 3.背景渐变   4.css  验证工具 2种方式:第2种支持验证本地的css(推荐) 5.css压缩  ----(节约空间,节省带宽) 6.旋转轮播图 案例: 注意: 1.3d  旋转      3d 的translateZ 2.子盒子要一般要写transform-style属性 更有3d效果 3.过渡做动画 4.父元素透视属性  有3d效果 原文地址:https://www.cnblogs.com/yangyutian/p/10747713.html

css学习_css

!!!拿到一个页面后应该先写结构再写样式 结构由大到小,由外到里 样式最好按顺序加 position  .float . 颜色  背景  字体 等... 1.行内(内联)样式 原文地址:https://www.cnblogs.com/yangyutian/p/10447952.html

css学习_css清除浮动

若元素没有设置宽高,那元素实际宽高是被内容撑起来, 若元素自己有设置宽高,那实际面积于自己的盒子模型有关 1.清除浮动的本质 清除浮动主要是为了解决父级元素因为子级浮动而引起的内部高度为0的问题. (当父元素没有设置高度时,子元素又全浮动了,此时子元素脱离文档流而不占据位置,那就会出现父元素高度为0底下的盒子会跑上来.) 2.清除浮动的方法 a.额外标签法(很少用,不想添加下无意义的标签) b.父级添加overflow方法(overflow:hidden) c.利用after伪元素清除浮动 注意

CSS三大特性(继承、优先级、层叠)之个人见解

首先声明一下CSS三大特性——继承.优先级和层叠.继承即子类元素继承父类的样式,比如font-size,font-weight等f开头的css样式以及text-align,text-indent等t开头的样式以及我们常用的color.简单的就不演示了,强调一下font-size这个东东(虽然也有继承,但是标签不同继承的效果也不一样),比如下面的代码: <!DOCTYPE html> <html lang="en"> <head> <meta c

OC学习篇之---类的三大特性(封装,继承,多态)

之前的一片文章介绍了OC中类的初始化方法和点语法的使用:http://blog.csdn.net/jiangwei0910410003/article/details/41683873,今天来继续学习OC中的类的三大特性,我们在学习Java的时候都知道,类有三大特性:继承,封装,多态,这个也是介绍类的时候,必须提到的话题,那么今天就来看一下OC中类的三大特性: 一.封装 学习过Java中类的同学可能都知道了,封装就是对类中的一些字段,方法进行保护,不被外界所访问到,有一种权限的控制功能,Java