CSS的引入方式有三种:
1.内联属性(Inline style attribute)的使用方法是,对于想要设置样式的HTML元素,直接修改他的style属性,将css代码直接写在style属性里。
<h1 style="font-size: 12px;">我的字号被修改了</h1>
2.写在style标签里
<style>
h1 {
font-size: 12px;
}
</style>
一般要求写在head标签里
3.使用link标签引入外部css文件
<link rel="stylesheet" href="styles.css" />
选择器
***id选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式
#red {color:red;}
#green {color:green;}
<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>
id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。
***类选择器
<h1 class="color">
This heading will be center-aligned
</h1>
想要改变字体颜色css命令
.class{
color:red;
}
***元素选择器
类似这些
h1 {
color:blue;
}
p{
属性名:属性值;
}
边框
是围绕元素内容和内边距的一条或多条线。
border 属性允许你规定元素边框的样式、宽度和颜色。