CSS学习笔记1

来源：互联网发布：手机改图软件编辑：程序博客网时间：2024/05/19 02:29

1、CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。

2、使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

3、css 样式由选择符和声明组成，而声明又由属性和值组成
例如： p{font-size:12px;color:red;}
注意：
a、最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号。
b、为了使用样式更加容易阅读，可以将每条代码写在一个新行内，如下所示：
p{
font-size:12px;
color:red;
}

4、外部式css样式，写在单独的一个文件中
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：

<link href="base.css" rel="stylesheet" type="text/css" />

注意：
a、css样式文件名称以有意义的英文字母命名，如 main.css。
b、rel=”stylesheet” type=”text/css” 是固定写法不可修改。
c、<link>标签位置一般写在<head>标签之内。

5、在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

6、大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：
.classname>li{border:1px solid red;}

7、包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码：
.first span{color:red;}

8、通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色：
* {color:red;}

9、权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100
做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，使用!important来解决，例如p{color:red!important;}
注意：!important要写在分号的前面

10、这里写图片描述

0 0