目录引言一、HTML中引入CSS的方法1.1 内联样式1.2 内部样式表1.3 外部样式表二、CSS样式之background背景样式三、CSS样式之文本样式四、CSS样式之字体样式五、CSS样式之border边框样式六、CSS样式之多列属性CSS3引言CSSCascading Style Sheets层叠样式表是一种样式表语言而CSS3是最新的CSS标准用于控制页面的样式与布局。一、HTML中引入CSS的方法1.1 内联样式内联样式是指在HTML标签中利用 style属性 直接添加CSS的方式但是这种引入方式只能控制当前标签的样式如果多个相同标签存在相同的样式时每次都需要重新写一遍style属性会造成代码冗长不利于维护。!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleCSS引入/title /head body !-- 内联样式 -- div stylebackground: red/div /body /html1.2 内部样式表内部样式表是指在HTML的头部中的style/style内书写CSS代码这种方式只对当前HTML页面有效!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleCSS引入/title !-- 内部样式表 -- style p { color:red; } /style /head body p内部样式表/p /body /html1.3 外部样式表当样式需要应用于多个页面时外部样式表是最好的选择在每个页面的head中使用link标签链接到样式表浏览器会从csdn2.css文件中读取到样式声明并应用到页面中!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 titleCSS引入/title link relstylesheet href./csdn2.css /head二、CSS样式之background背景样式三、CSS样式之文本样式四、CSS样式之字体样式五、CSS样式之border边框样式六、CSS样式之多列属性CSS3