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红色的框框
这也只是样式中最简单而又最基础的方法,那么今天就到这里,如果还想继续往下的话,那么就期待下一篇文章的学习吧