网站地图

CSS层叠样式表的基本语法和用法是什么?html中如何使用css?
2021-04-08 14:18:42   来源:   评论:0 点击:

CSS层叠样式表========================命名规则:使用字母、数字或下划线和减号构成,不要以数字开头一、css的语法----------------------
CSS层叠样式表
========================
源兆网 - 程序员技术经验源码交流分享平台
命名规则:使用字母、数字或下划线和减号构成,不要以数字开头
 
一、css的语法
-----------------------------
格式: 选择器{属性:值;属性:值;属性:值;....}
 
其中选择器也叫选择符
    
    CSS中注释:/* ... */
 
二、在HTML中如何使用css样式(html中嵌入css的方式);
----------------------------------------------------
1. 内联方式(行内样式)
就是在HTML的标签中使用style属性来设置css样式
格式: <html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>
 
<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>
特点:仅作用于本标签。
 
 
2. 内部方式(内嵌样式)
就是在head标签中使用<style type="text/css">....</style>标签来设置css样式
格式:<style type="text/css">
....css样式代码
  </style>
  
特点:作用于当前整个页面
 
 
3. 外部导入方式(外部链入)
3.1 (推荐)就是在head标签中使用<link/>标签导入一个css文件,在作用于本页面,实现css样式设置
格式:<link href="文件名.css" type="text/css" rel="stylesheet"/>
 
3.2 还可以使用import在style标签中导入css文件。
如:<style type="text/css">
@import "style.css";
</style>
 
特点:作用于整个网站
 
他们的优先级:当样式冲突时,就是采用就近原则,是值css属性离被修饰的内容最近的为主。
若没有样式冲突则采用叠加效果。
 
 

相关热词搜索:CSS层叠样式表 css语法 css选择器 css注释 行内样式 内嵌样式 外部链入 css样式的优先级

上一篇:html 表单标签是什么?表单标签如何使用?
下一篇:css的选择符有哪些?css选择符的作用是什么?

分享到: 收藏