CSS基础

fengku1

已于 2022-10-11 20:14:49 修改

阅读量160

点赞数

分类专栏： HTML基础文章标签： css html 前端

于 2022-10-11 19:46:04 首次发布

本文链接：https://blog.csdn.net/fengku1/article/details/127234995

版权

3 篇文章 0 订阅

订阅专栏

样式是CSS最小的语法单元，每个样式包含两个内容：选择器和声明

选择器告诉浏览器该样式将作用于页面中哪些对象,这些对象可以是扣个标签\所有网页对象\指定Class或ID值等

声明可以是一个或者无数个,这些声明命令浏览器如何去渲染选择器指定的对象.
声明必须包括两部分:属性和属性值,用分号来标识一个声明的结束,样式在最后一个生命中可以省略分号;所有声明被放置在一对大括号内

属性是CSS提供设置好的样式选项

属性值是用来显示属性效果的参数

定义网页字体大小为12px,字体颜色为深灰

body{font-size:12px;color:#CCCCCC}

定义段落文本背景为紫色

p{background-color:#FF00FF}   /*注释*/

行内样式就是把CSS样式直接放到代码行内的标签中,一般放到标签的style属性中

<p style="background-color:#999900"></p>

内嵌式可以通过将CSS写在网页源文件的头部,即在与之间,通过使用HTML标签的

<head>
	<style type="text/css">
		p{
			text-align:left; /*文本左对齐*/
			width:500px		/*段落宽度500px*/
		}
	</style>
</head>

链接式通过HTML的标签,将外部样式表文件链接到HTML文件中,这是网路使用的最多的方式;这种方法可以将HTML文档和CSS文件完全分离,增强网页结果的拓展性和CSS样式的可维护性;

导入样式使用@import命令导入外部样式表,导入样式有6种书写方式

@import daoru.css;
@import 'daoru.css';
@import "daoru.css";
@import url(daoru.css);
@import url("daoru.css");
@import url('daoru.css');

选择器优先级：

关注

专栏目录