第八章 优先级和css3

原创 2017年10月07日 15:40:31

优先级

选择器优先级:
基本选择器:id>类名>标签名>*
复杂选择器:id>class>tagName

id选择器个数不相等 id个数多的优先级高
id选择器个数相等则看class个数,class个数相等 再看tagName个数

以下两种选择器优先级一样 不分先后
  1. #warp ul li .list{}
  2. .warp ul li #list{}

    样式优先级:行内样式>内部样式>外部样式


css3

  1. border-radius 设置圆角 正方形可以设置成圆形 矩形可以设置成椭圆
  2. box-shadow :水平偏移量 垂直偏移量 模糊度 阴影大小 阴影颜色 悲怒阴影
  3. overflow:内容溢出
    值:visible 默认值
    hidden 隐藏
    scroll 出现滚动条
    auto 根据内容决定是否出现滚动条
    overflow-x overflow-y
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

第二课:css选择器&选择器优先级及css3新增选择器(系统解析)

一、复习html4.0时代的选择器 id选择器 #header class选择器 .btn 标签选择器 p 复合选择器 div.container 所有后代选择器 ul li 多个选择器 li,a,p...

CSS优先级算法的计算及其CSS3新增伪类

css优先级算法* 优先级就近原则,同权重情况下样式定义最近者为准;* 载入样式以最后载入的定位为准;优先级为: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部...

【CSS3】多款炫酷鼠标悬停图文动画效果

演示效果:HTML代码如下:
  • zuncle
  • zuncle
  • 2017年03月17日 17:24
  • 882

CSS3 工具推荐(不断更)

收集一些实用的CSS工具,不断更新中,请持续关注。 一、代码生成工具 1.CSS Matic CSSmatic是一个非营利性的 CSS 工具,目前包含4个很有用的工具,分别是:支持各种...
  • whqet
  • whqet
  • 2013年05月14日 14:05
  • 4345

使用css3将一个div水平和垂直居中显示

使用css3将一个div水平和垂直居中显示 方案一: div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】, 代码两个关键点:1.上下左右均0位置定位; ...

css3基础知识第五章实战训练

只需要css就可以达到的效果:导航栏,图片选中透明效果,背景透明效果,自定义文字选中颜色 导航栏 水平菜单 只需在纵向菜单的基础上去掉ul的宽度;li加浮动;然后改一些细节...

CSS3 2D转换&3D转换

1、transform属性方法 Transform 方法 2、2D转换 translate()方法 .div1 { width: 10...

使用CSS3 Flexbox布局

本文由大漠根据Helen Emerson的《Using the CSS3 flexbox layout》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文...

微信小程序 —— 瀑布流简单写法(css3属性加wx:if判断轻松实现)

css3中的column-count 规定元素应该被分隔的列数。纯css3完成瀑布流具体思路: 1. 先用css3中的column-count属性把页面元素分为俩列及多列。 2. 再用wx:if=...

html5+css3实现扇形

html5+css3实现扇形,思路来自http://tympanus.net/codrops/2013/08/09/building-a-circular-navigation-with-css-tr...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第八章 优先级和css3
举报原因:
原因补充:

(最多只允许输入30个字)