|
针对新人来讲想要认识css，就要从最基本的入手认识，讲真的学习css入门很简单，学习html 和css短期后你就能够制作一个网页，深入的去学习的话，就会很难。他便是从简——深——深——简的一个过程，倘若你真正熟悉把握之后，就能够容易对付平常工作。
不管是传统的Web研发或是现代的Web 应用研发，最少到今天为止还是离不开CSS。这篇文案带你们认识一下css.
什么是CSS ？
CSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简叫作便是样式表，
1、 用于html文档中元素样式的定义，实现了将内容与变现分离，加强了代码的可重用性和可守护性
例如：
效果照片：
html:页面结构
css:页面美容
2、 文件后缀是.css
3、 样式一般存储在样式表中
4、 外边样式表能够极重加强工作效率
5、 外边样式一般存储在CSS文件中
6、 多个样式定义可层叠为一
CSS与HTML 之间的关系是什么？
1、 HTML用于构建网页的结构
2、 CSS用于构建HTML元素的样式
3、 HTML是页面的内容构成，CSS是页面的变现
结构层：HTML 暗示层：CSS 行径层：JavaScript
怎么样运用CSS样式表的方式？
1、内联方式
运用style属性，只是对当前标签有效，页面内容和样式高度耦合(直接把CSS代码用style属性添加到起始标签中)
<p style=”color:red”>红色字体</p>
2、内部样式表
在head中运用style标签，当前页面有效，内容和样式必定程度分离，然则不彻底(直接把CSS代码添加到头部的style标签中)
<head>
<style>
P{color:red;}
</style>
</head>
3、 外边样式表
将样式写到一个单独CSS文件中，必须用到HTML文件，引用它就可。
<link rel=”stylesheet” href=””/> StyleSheet,的意思便是样式调用
4、 导入式
<head>
<style>
@import url(my.css);
</style>
</head>
优先级：行内样式>内部样式>外边样式>导入样式
css加载方
| 
发表于 2024-6-29 19:01:18
