css 选择器

行内样式<p style=‘color:red‘> hello </p>  不推荐大规模使用

内部标签<head>

        <style>

           p{background-color:red

            }

         </style>

</head>

外部样式  外部样式就是将css写在一个单独的文件中,然后再页面进行引入即可.推荐使用这种方法

<link href=‘css路径‘ rel=‘stylesheet‘  type=‘text/css‘>    #这里面的css路径是和HTML文件一个路径  如果不是  href里面要写上这个css文件的路径

 

 

 

 

基本选择器  元素选择器(标签选择器,  )  p{color:red;}

 

id选择器 

#i1 { #号表示id属性,后面的i1表示id属性的值 background-color: red; #背景色,color:red是字体颜色,这个简单知道一下就行了,明天我们再学这些具体的css样式}# 最好在css文件里面写

 

 

类选择器

.c1 { .表示class属性,c1表示class的值 font-size: 14px;}
p.c1 { 找到所有p标签里面含有class属性的值为c1的p标签,注意他俩之间没有空格昂
color: red;
}

注意:

      样式类名不要用数字开头(有的浏览器不认)。

      标签中的class属性如果有多个,要用空格分隔。

 

 

 

 

通用选择器  

* { *表示所有的标签 color: white;}



组合选择器
后代选择器
/*li内部的a标签设置字体颜色*/li a { color: green;}

    儿子选择器(只找儿子)

/*选择所有父级是 <div> 元素的 <p> 元素*/div>p { font-family: "Arial Black", arial-black, cursive;}

    毗邻选择器

/*选择所有紧接着<div>元素之后的<p>元素*/div+p { margin: 5px;

  

相关文章