css样式的简单介绍

2025-10-22 05:06:45

1、1.CSS是Cascading Style Sheet 的缩写。译作层叠样式表。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。  可以这么说,HTML的标签主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout)。

2、2.设置样式的三种方式:行内样式、内嵌样式表、外部样式表(CSS)一般来说,以第三种方式为主,以前二种方式为辅

1)行内样式<hr style="color:yellow">2)内嵌样式表<head><style type="text/css">hr{color:red}</style></head>3)外部样式表(CSS)<link rel="stylesheet" type="text/css" href="3.css" />所有样式优先级(就近原则)优先级从低到高:浏览器默认、外部样式表(CSS)、内嵌样式表、行内样式

3、3.CSS定义的语法一个选择器,一个属性,一个值选择器{属性:值;       属性:值}标签选择器hr{color:red}p{color:blue;  margin-left: 20px}类选择器p.aaa{color:blue;     text-align:center}.aaa{color:red;     text-align:right}id选择器#tt{color:red}

4、4.CSS框模型(盒子模型):CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。element : 元素。 padding : 内边距,也有资料将其翻译为填充。 border : 边框。 margin : 外边距,也有资料将其翻译为空白或空白边。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢