CSS:
css基础选择器
可以理解为:选择器{样式}
(给谁改样式{改什么样式})
例: p { color: red;
font-size: 12px;
}
选择器:用于指定css样式的html标签
{}花括号内:对该对象设置的具体样式,如字体大小、文本颜色等
- 属性(选择器)和属性值(样式)以“键值对”的形式出现
- 属性和属性值间用冒号(:)隔开,键值对之间用分号(;)隔开
3、css代码风格:展开式(如上例)
1、标签选择器:指用html标签名作为选择器,按标签名称分类
p { color: red;
font-size: 12px;
}
div { color: green;
width: 10px;
}
作用:可以把某一类标签全部选择出来,如所有的<div>标签等
优点:能快速为页面中同类型的标签设置统一样式
缺点:不能设计差异化样式,只能选择全部的当前标签
2、类选择器(口诀:样式点定义,结构类class调用。一个或多个,开发最常用)
<head>
<style>
.news {
color: red;
}
.star-sing {
color: green;
}
<style>
<head>
<body>
<ul>
<li class=”news”>冰雨</li>
<li class=”news”>来生缘</li>