web_day3_css

---恢复内容开始---

css是什么？

　　层叠样式表，修饰网页的外观

css的使用：

1 在html代码中，加入style标签，在style表里面写入css代码

<style type="text/css">
#box {
color: red;
}
</style>

2 把style里面的代码放入一个单独文件里，然后通过link标签来引入  （常用）

<link rel="stylesheet" type="text/css" href="style/index.css"/>

3直接在html里面的开始标签里使用style属性里面写入css代码，行内少数样式。

<div style="color: green;">
这是直接在div里面写入style的写法
</div>

#######################

css语法规则

style标签，link,或者style属性些正确

要保证css代码和html代码必须产生关联，id box== #box#学习有多少种方法可以关联

要告诉浏览器把html修饰成什么样式 color:red/green,学习各种样式去修饰html标签

###

选择器{

　　属性名称：属性值

　　属性名称2：属性值

　　。。。。。。

}

选择器：选择（查找）html标签的方法（#box）

id 选择器 ：

#box {
color: red;
}

<div id="box">
这是引入文件的写法
</div>

类选择器：  .

.box4 {
color: aqua;
}

<div class="box4">
这里是类选择器
</div>

标签选择器

p {
color: #00FFFF;
}

<p>这是批量设置1</p>
<p>这是批量设置2</p>

 

############

id选择器：表示唯一的，如果网页有一个唯一的元素需要修饰，比较少有的元素需要修饰，都可以用id选择器

类选择器：可以使用多次，修饰同一类元素，有多个元素具有相同样式的时候使用类选择器

标签选择器:通过标签名来查找对应的html元素

玄熙以上几个选择器，可以查找网页中任何元素

 ##############

颜色表现方式：

1 rgb模式  r 红色  g绿色 b 蓝色 红蓝绿可以组成各种颜色 ，r b g 取值范围 都为0-255

 2 直接写颜色的名称，

3 十六进制表现形式

4 rgba ，红蓝绿 透明度 透明度 0-1 0 表示安全透明，1 表示不透明

颜色的十六进制可以直接用取色器来获取颜色的十六进制

 

---恢复内容结束---