三种方式为:1、行内样式表,使用style属性直接把css代码添加到html的标记中。2、内部样式表,把css样式写在“”标签中,并用“”标签去声明。3、外部样式表,将css样式写在一个单独的“.css”文件中。
本文操作环境:宏基s40-51、hbuilderx.3.0.5&&css3版、windows10家庭中文版
(学习视频分享:css视频教程)
css样式表有三种方式:
行内样式表
-
内部样式表
立即学习“前端免费学习笔记(深入)”;
外部样式表
行内样式表
行内样式就是使用style属性直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。
例:
<h1 style="color:red;">style属性的应用</h1>
通过这种方法,可以很简单地对某个元素单独定义样式。
实例:
这是一款使用jquery制作的带商品分类侧边栏列表的商城导航菜单。该商城菜单兼容ie8浏览器。用户可以通过点击左侧的下拉菜单来查看各种商品的列表,非常实用和方便。 使用方法 在页面中引入样式文件style.css和jquery.min.js文件。

行内样式表的优缺点:
优点:
没有了样式表文件,在某些时候可以提升效率;
使用 style 属性的样式效果会最强,会覆盖掉其他引入方式的相同样式效果。
缺点:
多个元素难以共享样式,不利于代码复用;
HTML 和 CSS 代码混杂,不利于程序员和搜索引擎阅读。
内部样式表
内部样式表是把css样式写在
标签中,并用









