css扫盲

css

快速学习css CSS 参考手册 (w3school.com.cn)

基本语法 键值对的形式

CSS是一个键值对这样的结构.key表示不同的CSS属性value表示属性的值.
其中key和value中间使用冒号分割.键值对和键值对之间,使用分号分割.

CSS 写的位置,主要有三种位置.

1.以元素的style属性来指定．内联样式

<img src="bite.jpg"alt="这是一张图片"style="width:80px;hight:80px">

2.以

<style>
p{
     
   test-indent:2pm;
}

</style>
//选择元素  然后指定设置属性     p就是选择器

3.以外部文件的方式 外部样式

<link rel="stylesheet" href="static/css/style.css">

CsS中的选择器种类非常多(十几种)

1.标签选择器

标签名 ： 选中所有的元素

p{
   test-indent:2pm;
}

2.id选择器 设置id必须是唯一

通过标签的id属性指定id的值 在选id来设置属性

#p{
   test-indent:2pm;
}
<p id="p1">大家一起往前<span>冲</span>啊！</p>

3.类选择器

选中多个元素 可以使用类选择器

.pp{
   test-indent:2pm;
}
<p class="pp">大家一起往前<span>冲