北幸
北幸

CSS课堂笔记2020.06.11

CSS课堂笔记

1、什么是CSS，有什么作用？

​ CSS(Cascading Style Sheet):层叠样式表语言。
​ CSS的作用是：
​ 修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看。
​ CSS好比是HTML的化妆品一样。
​ HTML还是主体，CSS依赖HTML。CSS的存在就是修饰HTML，所以新建的文件还是xx.html文件。

2、CSS我们要求掌握到什么程度？

常见的CSS样式要求会写。

别人写的CSS样式要能看懂。

3、在HTML页面中嵌套使用CSS的三种方式：

第一种方式：在标签内部使用style属性来设置元素的CSS样式，这种方式称为内联定义方式。
语法格式：
<标签 style=“样式名:样式值;样式名:样式值;样式名:样式值;…”>


<html>
	<head>
		<meta charset="utf-8"/>
		<title>001HTML中引用css样式的第一种方式title>
	head>
	<body>
		
		
		<div style="width:300px; height:300px; background-color:#CCFFFF; display:block;
		border-color:green; border-width:1px; border-style:solid;">div>
        <dir style="width:500px; height:500px; background-color:#CCFFFF;
	border:1px ;solid black">dir>
	body>
html>

第二种方式：在head标签中使用style块，这种方式被称为样式块方式。
语法格式：

	
		
	


<html>
	<head>
		<meta charset="utf-8"/>
		<title>00H2TML中引用css样式的第2种方式title>
		<style type="text/css">
			/*
				css注释
			*/
			/*
				id选择器
				语法格式：
					#id{
						样式名：样式值
						样式名：样式值
						样式名：样式值
					}
			*/


```html


	
		
		00H2TML中引用css样式的第2种方式