【前端基础】- CSS 1-CSS选择器
引入css方式(重点掌握) 1、行内样式 <div> <p style="color: green">我是一个段落</p> </div> 在标签内添加一个style属性,属性值为要设置的样式:样式的值。 2、内接样式 <style type="text/css"> /*写我们的css代码*/ span{ color: yellow; } </style> 3、外接样式 3.1 链接式 <link rel="stylesheet" href="./index.css"> 3.1 导入式 <style type="text/css"> @import url('./index.css'); </style> css的选择器: 1.基本选择器 2.高级选择器 CSS选择器 基本选择器 基本选择器包括: 标签选择器 id选择器 类选择器 1.标签选择器 标签选择器可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中,选中的是所有的,而不是某一个,所以说 "共性" 而不是 ”特性“ body{ color:gray; font-size: 12px; } /*标签选择器*/ p{ color: red; font-size: 20px; } span{ color: yellow; } 2.id选择器 # 选中id 同一个页面中id不能重复。