方法一:
直接给HTML标签 加 style属性
比如 我是一个<span style=" ">大天才</span>樱木花道
" " 里面的就是按照css语法规则的键值对
属性:值 ; 属性:值
只要是这个标签支持的css属性,随便整。
方法二:用于单页面使用同一样式
在HTML的head标签下定义CSS,CSS写法和CSS语法规则一致
<head>
<style type="text/css"> idea里面不写type也没得事
选择器 {
样式属性1:值;
样式属性2:值;
}
</style>
</head>
方法三:用于多个页面使用同一样式
把css样式写成一个单独的css文件,再通过link标签引入。
<link rel="stylesheet" type="text/css" href="URL"/>
解释:
1、<link> 标签定义文档与外部资源的关系,最常见的用途是链接样式表。
2、rel 属性规定当前文档与被链接文档之间的关系。 rel的常用值
3、URL可以是 相对地址(本网站的css文件)或者 绝对地址(其他网站的CSS文件)
相对 URL - 指向网站内的一个文件(比如 href="/themes/theme.css")
绝对 URL - 指向另一个网站(比如 href="http://www.example.com/theme.css")
1、CSS文件写法:
语法:就是css使用规则:
选择器 { 键值对;键值对; } 或
选择器 {属性:值;属性;值;....可以无穷多个键值对}
CSS的注释写法和JAVA的多行注释一模一样 即/*注释内容*/
说明:
选择器决定HTML页面 哪些 HTML标签受影响
属性就是指要修改的样式名
建议:
为了提高可读性,每一行写一个属性
2、要引用CSS文件的HTML文件写法
<head>
<meta charset="utf-8"/>
<title>网页名字<./title>
<link rel="stylesheet" type="text/css" href="1.css"/> <!--假设1.css与这个html在同一目录-->
</head>