web学习第四篇css样式学习

css样式学习

关于css样式，上一篇文章中我们认识了css样式的作用和用途，下面我们来具体的学习下css的操作

一、选择器的应用

主要的选择器：

1、样式分类选择器

样式分类选择器通过class赋予属性一个分类名，在通过样式表中，格式：.分类名{}；来选择相应的分类然后进行标签修饰

2、id选择器

id选择器通过id=“id名”来赋予属性id然后通过，格式#id名进行选择

3、后代选择器

后代选择器是通过父级元素来选取相应的子元素，格式为：父元素（空格）子元素()；

相应的选择器还有很多，我就不一一列举了，等后面的用法上再给大家介绍用法。

二、常用的css样式

width宽、height高、left左、right右，background背景等，，这些个用的很多必须要记住

在通过选择器来选择属性的方法来使用这些样式，比如说：

新建一个div给它一个类名

<div class=“div_1”></div>

然后通过分类选择器来选择它,然后通过赋予它样式，看看效果

<style>

.div_1{

width：200px；

height：200px；

background-color：red；

}

</style>

通过上面的样式，我们打开浏览器查看效果，显示为一个200*200红色的框框

这也只是样式中最简单而又最基础的方法，那么今天就到这里，如果还想继续往下的话，那么就期待下一篇文章的学习吧