css的定义及运行规则

最新推荐文章于 2021-12-09 09:48:48 发布

bxf0011

最新推荐文章于 2021-12-09 09:48:48 发布

阅读量2.4k

点赞数

分类专栏： html javascript 文章标签： css stylesheet 浏览器 class html import

本文链接：https://blog.csdn.net/bxf0011/article/details/1592603

版权

javascript 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

html

7 篇文章 0 订阅

订阅专栏

CSS的类型
(1) 自定义CSS　．如果应用到html控件上，则只需要加上 class 属性
         EX:
           .bg{background-image:url(bg.gif);}
           <body class="bg">
(2) 重定义标签的CSS
       可以针对某一个标签来定义CSS,也就是说定义的CSS将只应用于选择的标签。例如为<body>标签定义CSS，那么包含在<body></body>标签的内容将遵循定义的CSS
     EX:
         t d{color:#000099;font-size:9pt}
(3) CSS选择符
       CSS选择符为特殊的组合标签定义CSS，使用ID作为属性，以保证文档具有唯一可用的值。CSS选择符是一种特殊类型的样式，常用的有4种，分别为：
   a:lingk 设定正常状态下联结文字的样式
   a:active 设定鼠标单击时的连接的外观
   a:visited:设定访问过的连接外观
   a:hover:设定光标放在连接文字之上时，文字的外观
CSS的基本写法
   1 HEAD内的实现
      <style type="text/css">
.....
      </style>
   2 BODY内的实现
      <h3 style="....">
   3 在文件外的调用
   <link rel="stylesheet" href="style.css" type="text/css">
   4 输入样式表
      <style type="text/css">
      
      </style>
CSS的冲突
       当对同一段文字应用多个CSS样式时，由于这些样式之间可能存在一定的矛盾，因此在显示时会出现无法预期的效果。
     当浏览器显示CSS时，一般遵循几个规则：
     （1）当两个不同样式应用于同一段文字时，浏览器将显示这段文件所具有的所有属性，除非定义的两个样式之间有显示上的冲突。例如，一个样式定义这段文字为绿色，另一个定义的颜色为红色。
     （2）当来自不同样式中的文本属性在应用到同一段文字产生冲突时，浏览器将按照与文本关系的远近决定到底显示哪一个属性。
     （3）在产生直接冲突时，CSS样式具有较高的优先级。也就是说，在HTML样式与CSS样式产生矛盾时，浏览器将按照CSS样式中定义的文本属性来显示
================

bxf0011

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css的定义及运行规则

CSS的类型(1) 自定义CSS　．如果应用到html控件上，则只需要加上 class 属性 EX: .bg{background-image:url(bg.gif);} (2) 重定义标签的CSS 可以针对某一个标签来定义CSS,也就是说定义的CSS将只应用于选择的标签。例如为标签定义CSS，那么包含在标签的内容将
复制链接

扫一扫