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>
1256
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
