CSS样式

时间：2016-08-05 15:37:05 阅读：154 评论：0 收藏：0 [点我收藏+]

标签：

CSS基本样式

内联样式：直接在页面文件中使用HTML标记的style属性。例如：

 <p style="font-family:宋体;color: red;font-size: 10pt;">程序员</p>

在页面文件中定义样式：这种方式是通过<style>标记来定义样式，语法格式如下：

<style type="text/css">
        h1 {font-family: "微软雅黑";font-size: 12px;}
        #fromid {font-family: "微软雅黑";font-size: 12px;}
        .classid{font-family: "微软雅黑";font-size: 12px;}
    </style>

在页面文件中嵌入外部样式表：语法如下

<style type="text/css">
        @import url("外部CSS样式文件名");  
        <!--
        外部文件名是以.css为扩展名的CSS文件，如果该文件和当前页面同一个目录下，则直接用文件名，不在同一个目录下，则要给出其相对路径。
        ->
</style>

链接外部样式表:语法如下

<link type="text/css" rel="stylesheet" type="text/css" href="css/index.css"/>

CSS注解语法：CSS注解语句是位于

/* */

标记之间的语句内容

CSS选择器

HTML标记 语法如下

h1 {font-family: "微软雅黑";font-size: 12px;} /*在HTML文档中，所有该标记保护的文本都具有定义的CSS样式*/

CLASS选择符 语法如下

.classid{font-family: "微软雅黑";font-size: 12px;}/* 在HTML文档中， 所有使用该类名标记的都具有定义的标签*/

ID选择符 语法如下

#fromid {font-family: "微软雅黑";font-size: 12px;}/* 在HTML文档中，所有指定为该ID的标记都具有定义的标签*/

CSS样式优先级

直接在页面上使用HTML标记的Style属性设定的样式优先级最高。
其他样式定义按照在页面上出现的先后顺序，越后面的优先度最高。
ID选择符的优先度高于CLASS选择符。
没有被定义样式控制的内容将使用浏览器的默认样式。

CSS样式

标签：

原文地址：http://www.cnblogs.com/niefufb/p/5741038.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行