内联及解决CSS冲突

原创 2013年12月03日 23:35:09
          

   把段落元素设置为内联元素,而 div 元素不会显示出来的原因是:

div和span 差不多用 不过div更强大些, div 也有span 的功能, div 里设置样式 style="display:block" 这是块显示,
style="display:inline" 这是行显示 (此时等同于span标签)

    CSS本身的设置可以同时应用多个样式在同一元素,此时样式之间可能会出现冲突,比如样式同时使用类选择器和id选择器, 都对color进行设置,且颜色不同,产生冲突,程序运行结果是浏览器会按照使用id选择器的样式显示。原因是id样式的优先级高于class样式。
 解决CSS冲突的优先级如下:
1.内联式>内嵌式>外部样式
2.在多个外部样式中,后出现的样式的优先级高于先出现的样式
3.选择器的优先级:id样式>class样式>标记样式

相关文章推荐

CSS的组成,三种样式(内联式,嵌入式,外部式),优先级

----------------------------------------------------------------------------------------------------...

css内联对象和块对象 (

http://blog.sina.com.cn/s/blog_6fda3085010130t8.html css内联对象和块对象   什么是内联对象,什么是块对象 ...

CSS—块与内联

CSS——块与内联、定位与浮动 1.块元素块级元素:方块可以装东西,盒子拥有大小 p不能装块 内联元素:不占据一行,不能装块级元素 升级为块可以装块,但不规范可设置行高: line-height...

CSS样式中内联、嵌入、外部样式

内联样式 内联样式是使用style属性添加到元素的样式。 This is a paragraph. 嵌入样式 当单个文档需要特殊的样式时,就应该使用嵌入样式表。你可以使用 标签在文档头部...

CSS系列之块状元素 内联元素 内联块状元素(四)

演示块状元素

【CSS3】---块状元素、内联元素(又叫行内元素)和内联块状元素

元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: 、、...、、、、、、 、 常用的内联元素有: 、...

HTML5_CSS入门(内部样式、外部样式、内联样式、选择器)

1、内部样式、外部样式、内联样式 内联方式:样式定义在单个的HTML元素中 CSS语法:只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值; 属性和属性值...

CSS内联学习总结

HTML CSS 通过使用 HTML4.0,所有的格式化代码均可移出 HTML 文档,然后移入一个独立的样式表。 实例 HTML中的样式 本例演示如何使用添加到 部分的样式信息对 HTML 进行...

CSS中多列块的实现小结 display : inline-block 内联块

最近在折腾HTML5和CSS3    -->   示例页面 在做网页菜单的时候,最上面需要加一行工具栏,并排放的,那我想弄四个等宽的box,然后并排放,这样以后想扩展也很好扩展。 刚开...
  • misol
  • misol
  • 2011年11月03日 19:40
  • 2680

Flex中的CSS: (4)内部样式和内联样式最终被编译的AS源文件不相同

看例子。 这些区别有助于我们归纳编译器对不同形式CSS的编译规则。 内部样式: ...
  • tiangej
  • tiangej
  • 2012年06月14日 23:39
  • 840
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:内联及解决CSS冲突
举报原因:
原因补充:

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