CSS基础之简介

来源:互联网 发布:乌鲁木齐软件培训 编辑:程序博客网 时间:2024/06/05 15:22

1.CSS简介
CSS是英语Cascading Style Sheets(层叠样式表单)的缩写。
CSS的特点:控制页面中的每一个元素(精确定位);对HTML语言处理样式的最好补充;把内容和格式相分离,减少工作量。

2.CSS规则的组成
CSS规则主要由“选择器”和“声明”两部分组成,选择器制定声明应用于哪个或哪些元素。
p { text-indent:3em }
选择器 { 属性1:值1;属性2:值2;属性n:值n; }

CSS注释:      /* 这里的内容被注释 */长度单位:   em px pt %颜色单位:   RGB或者16个关键字(aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow)URL值:       可以选择使用单引号、双引号或者不加引号,在URL之前或之后可以包含空格。    body{background:url("bg.gif")}

3.在HTML文档中放置CSS的集中方式
内联样式表

正文内容

*嵌入一个样式表*<style type="text/css">    <!--    p{        color:#FF00FF;        font-size:25px;    }    --></style>*连接到一个外部的样式表*<link href="style.css" type="text/css" rel="stylesheet">*导入样式*@import url("style.css");@import "style.css";如果同时使用内联样式表和嵌入样式表并设置了相同属性,内联样式表的优先级高;同时使用嵌入样式表和外部样式表并设置相同属性,优先级由出现的先后顺序决定。行内样式的优先级最高,其次是采用<link>标记的链接式,再次是位于<style></style>之间的内嵌式,最后才是@import导入式。

CSS优先级

CSS三种方法的优先级:内联式 > 嵌入式 > 外部式但是嵌入式> 外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。
0 0
原创粉丝点击