目录
CSS的基本选择器
在css中的选择器大致可以分为三种：标记选择器 - 类选择器-ID选择器,我们逐一来尽心说明
一,标记选择器:那么我们待知道css的用法，没错，就是在<head></head>里边添加一个<style> 然后在style里进行定义:
<style>
p{
font-size: 50px;
color: blue;
background-color: azure;
}
</style>
</head>
<body>
<P> 这是一个练习</P>
</body>二，类选择器;
关于这个类选择器其实很简单，就是在div中设置有关 className 这个是选择器的名称，具体则由你去定义，然后就那个style里来进行说明一般是“ . + 你定义的名字就行了”
.aha{
color: darkorange;
font-size: 50px;
}
</style>
</head>
<body>
<P> 这是一个练习</P>
<div class="aha">我是天下第一帅</div>
</body>
</html>三,则是关于ID选择器
其实和类选择器本质上是没有多大的差距的实用的方法，也是一样，但是就是将class换成了id="***",然后在style中来定义的时候开始用#来进行代替之前的那个" . "，就是那么简单
四,id选择器和类选择器之间的区别是什么呢?
1-类选择器可以给任意数量级标记样式，id标记只是使用一次.
2-id选择器比类选择器具有更高的优先级，二者同时发生时，先执行ID选择器
在HTML中使用CSS的方法
1-使用行内样式-指的是啥呢<h1 style = “color:blue; font-style;bold”></h1>
2-嵌入式。嵌入式其实就像我们刚才使用的那个标记选择器一样
3-链接式.这个就很不一样了，此时是将css和html来进行分离，就像你的c语言一样，你要把你的函数可以写在文件的外边一样，具有以下的格式要求:
<head>
<link href= “mystyle.css” type="text/css" rel="stylesheet">
</head>注意 (有关他们几个优先级): 行内样式 > 嵌入式 > 链接式 > 导入式
CSS的复合选择器
交集选择器-要求:第一个是标记选择器，第二个是伪类选择器或者是id选择器。其实他使用的形式如下所示：(顺序不能搞反)
tageName. className {
color : red；
}
并集选择器:是多个选择器之间取并集的使用，怎么说呢，这个其实是可以在 p div li td...同时使用的，如下：
p,td,li {
color：red；
line-height:20px
}
后代选择器：后代选择器是把外层是包裹在前面，内层则写在后面，之间是用空格来隔开
selector1 selector 2 { property:value；}
相邻选择器:在某个块状类型之中然后相邻的选择器的使用， 实用的格式是 A+ B （A,B指名称）
div + p {-----}
属性选择器：，通过各种属性来区分元素之间的特性,举例来说:id是区分元素，class是区分样式
以及在空号括号的形式不一样也不一样，举例来说如果是以http开始则是增加显示内容，超文本来传输, href 属性以jpg 或者是png结尾则是显示内容图案
input [type = "text"]{
border：1px dotted blue;
}
扫一扫
1125
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
