前端-CSS知识复习

CSS知识复习

1.css样式介绍

1.css样式写法有内部样式，外部样式，和行内样式三种写法。

2.css代码需要写在<style> style>

3.css外部样式写法主要用于大型的项目，需要建立css文件夹，通过<link rel="" href="./css/...">引入

4.css代码的注释方式是/* …*/

2.css样式写法优缺点

1.内部样式优缺点：

​ 优点：1.比较好维护，结构与样式分离 缺点：不方便重复利用

2.外部样式优缺点：

​ 优点：1.方便重复利用 缺点：代码少，引入麻烦

3.行内样式优缺点：

​ 优点：书写简单，权重高 缺点：不方便维护

注：内部样式，行内样式很少用，外部样式用的次数多，常用于大型的项目

3.css选择器

class选择器说明：

​ 1.类选择器class=“命名” 可以有空格，可有多个名字，命名不唯一

​ 2.class选择器通过 **.**命名｛｝ 来选择，如class=“box1” 通过=>>>.box1{ }选择

id选择器说明：

​ 1.id选择器id=“命名” 不可以是单个数字，字母，数字不可以开头，字母可以开头，中间不能有空格，其命名有唯一性

​ 2.id选择器通过 **#**命名｛｝来选择，如id=“box1” 通过=>>>#box1{ }选择

4.子级，后代选择器

<div id="warp">
    <p class="one">
    p>
div>

5.兄弟选择器

<div id="warp">
    <p class="p1">p>
    <p class="p2">p> 
div>

6.权重问题

权重大小排列顺序：！important>行内选择器>id选择器>class选择器>标签选择器>通配符选择器

​