CSS(cascading style sheet):层叠样式表,是一组样式设置的规则,用于控制页面的外观样式。其可以用于页面的外观美化,布局和定位。
使用css的好处
1.实现内容与样式的分离,便于团队开发
2.样式复用,便于网站的后期维护
3.页面的精确控制,让页面更精美
css基本语法
<head>
<style>
选择器{
属性名:属性值;
属性名:属性值;}
</style>
</head>
选择器:要修饰的东西,对象。
属性名:修饰对象的一个属性,样式。
属性值:样式的取值。
<head>
<style>
p{
color:red;
background: #cccccc;}
h2{
color:blue;}
</style>
</head>
<body>
<p>样式1</p>
<h2>样式2</h2>
</body>
选择器所对应的p和h2,background,color等为其属性,属性后面接的属性值。
css3种应用方式
1.内联式
将css代码直接写在现有的html标签中,css样式代码要写在style='' ''中
如<p style="color:red">这里文字是红色。</p>
2.嵌入式
将css代码写在<style type="text/css"> </style>标签之间,列如
<head>
<meta charset="UTF-8">
<title>嵌入式css样式</title>
<style type="text/css">
span {
color:red;
}
</style>
</head>
3.外联式
将css代码单独写在一个文件中,扩展名为.css,在head中将用Link标签将css文件连接到html文件中,列如
<head>
<link href="style.css"
rel="stylesheet"
type="text/css" />
</head>
css基础
最新推荐文章于 2024-08-04 20:38:28 发布