Bootstrap

CSS(二)——CSS核心基础

1.CSS基本语法

CSS有选择器,然后我们可以在选择器里面添加装饰;

2.CSS基本选择器

1.标签选择器;





Insert title here



	

生活

这就是标签选择器,p就是标签;

2.类别选择器;





Insert title here



	

生活

编程

运行结果:

可见,类别选择器可以重复使用,非常方便!

注意:这里的类选择器要注意命名规则;

3.ID选择器;





Insert title here



	

生活

编程

运行结果:

ID选择器是只能一次性使用,而且每个标签里面的ID是不同的,用起来不太方便;

注意:这里的类选择器要注意命名规则;

3.在HTML中引入CSS的方法

1.行内样式





Insert title here


	
	

行内样式

运行结果:

2.内嵌式





Insert title here



	

内嵌式

3.链接式

链接式需要再写一个.css文件,将各种css样式的东西都写在这个文件里面;

这是.html文件:





Insert title here




	

链接式

这是.css文件(注意.css文件的名称要和.html文件中链接的名称一致!):

@CHARSET "UTF-8";
p{
	font-size:20px;
	color:red;
}

运行结果:

4.几种方式的优先级比较

几种方法都有一定的优先级比较:

行内样式>链接式>内嵌式;





Insert title here







	
	

行内样式>链接式>内嵌式

运行结果:

我是【程序员的时光】,热爱技术分享,信仰终身学习,爱健身,会点厨艺的热血青年,我们下期再见!