CSS基础语法
<!--
1.什么是css
css又叫层叠样式表
时web标准中的表现标准,负责标签(内容)的样式和布局
2.css代码写在哪
内联样式表 - 将css代码写在标签的style属性中(样式只针对一个标签有效)
内部样式表 - 将css代码写在style标签中(只针对整个html中的标签)
外部样式表 - 将css代码写在css文件中,然后再html中用link标签去导入(针对所有html中所有标签有效)
内联样式表的优先级最高,内部样式表和外部样式表谁后出现谁的优先级高
3.css代码怎么写
语法:
选择器{属性名1:属性值1;属性值2:属性值2;......}
说明:
选择器 - 选中当前需要添加样式的标签
{} - 固定写法(内敛样式表中选择器{}需要省略)
属性 - 以属性名:值的形式存在,一个属性结束后要加;
css中有哪些属性,每个属性都是固定的(css3中有两百多种属性)color(文字颜色),background-color(背景颜色),font-size(字体大小),width(宽度),height(高度)
属性值:数字大小需要添加单位(px)
颜色值有三种方法:颜色的英文单词,#6位的十六进制数(#ff0000),rgb或者rgba值(rgb(255,0,0))(rgba(255,0,0,0.3))
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#b1{
color: #7FFFD4;
background-color:darkcyan
}
#b2{
color: #008B8B;
background-color: aquamarine;
width: 200px;
}
</style>
</head>
<body>
<p style="color: aquamarine;font-size: 20px;">12345</p>
<h1 id="b1">我是标题一</h1>
<h1 id="b2">我是标题二</h1>
<div id="div1">
</div>
<div id="div2">
</div>
<!-- 外部样式表 -->
<link rel="stylesheet" type="text/css" href="css/4-css基础语法.css">
</body>
</html>