web前端：CSS入门

作者:朱李洛克更新于： 2020-05-13 13:50:39

　　层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现html(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

　　CSS概述

　　CascadingStyleSheets:层叠样式表

　　主要用作用：用来美化我们的HTML页面的，HTML决定网页的骨架，CSS化妆，将页面的HTML和美化进行分离

　　CSS的简单语法：在一个style标签中,去编写CSS内容,最好将style标签写在这个head标签中

　　CSS选择器

　　帮助我们找到我们要修饰的标签或者元素

　　元素选择:

　　元素的名称{

　　属性名称:属性的值;

　　属性名称:属性的值;

　　}

　　ID选择器:

　　以#号开头ID在整个页面中必须是唯一的

　　#ID的名称{

　　属性名称:属性的值;

　　属性名称:属性的值;

　　}

　　类选择器:

　　以.开头

　　.类的名称{

　　属性名称:属性的值;

　　 属性名称:属性的值;

　　}

　　CSS的引入方式

　　​外部样式:通过link标签引入一个外部的css文件

　　​内部样式:直接在style标签内编写CSS代码

　　​行内样式:直接在标签中添加一个style属性,编写CSS样式

　　CSS浮动

　　浮动的元素会脱离正常的文档流,在正常的文档流中不占空间

　　 float属性:

　　 left

　　 right

　　 clear属性:清除浮动

　　 both:两边都不允许浮动

　　 left:左边不允许浮动

　　 right:右边不允许浮动

　　 流式布局

　　CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。