HTML&CSS基础学习笔记1.27-灵活地使用样式
2016-09-07 11:20
701 查看
灵活的使用样式
使用样式的感觉很棒吧!
刚我们使用的内联样式是给具体的标签加上样式,如果有多个标签的时候,我们用内联样式给标签加样式的时候就需要一个个的加过来,这样就很麻烦。
而如果我们使用内部样式表,我们只需要定义<p>标签的文字大小,所有<p>标签就都具有这个样式了。
看个例子吧:
更加实用的使用方式
使用内部样式表,我们能够把页面上的共通样式提取出来。可以省去很多工作量。
但是内部样式表并不是最好的方法,比如说,另一个页面也需要这些样式呢?
相对而言,我们更愿意使用外链样式表,即使用link标签引入CSS样式表。我们已经在代码中引入index.css文件,现在我们在index.css文件中添加一些样式。
看个例子吧:更多学习内容,就在码芽网www.mayacoder.com
使用样式的感觉很棒吧!
刚我们使用的内联样式是给具体的标签加上样式,如果有多个标签的时候,我们用内联样式给标签加样式的时候就需要一个个的加过来,这样就很麻烦。
而如果我们使用内部样式表,我们只需要定义<p>标签的文字大小,所有<p>标签就都具有这个样式了。
看个例子吧:
更加实用的使用方式
使用内部样式表,我们能够把页面上的共通样式提取出来。可以省去很多工作量。
但是内部样式表并不是最好的方法,比如说,另一个页面也需要这些样式呢?
相对而言,我们更愿意使用外链样式表,即使用link标签引入CSS样式表。我们已经在代码中引入index.css文件,现在我们在index.css文件中添加一些样式。
看个例子吧:更多学习内容,就在码芽网www.mayacoder.com
相关文章推荐
- HTML&CSS基础学习笔记1.29-灵活地使用样式
- 学习笔记-《零基础学习HTML5—html+css基础 》4.CSS基础样式(上)
- HTML&CSS基础学习笔记1.27-input提交数据
- HTML&CSS基础学习笔记7-高亮文本及组合使用
- HTML学习笔记(3)——CSS的引入,选择器和文本样式
- HTML/CSS基础知识学习笔记
- [HeadFist-HTMLCSS学习笔记][第七章CSS入门:加一点样式]
- HTML&CSS基础学习笔记1.16-单元格间距和表格主体
- 〖前端开发〗HTML/CSS基础知识学习笔记
- # html+css基础学习笔记-选择器介绍
- 在慕课学习HTML与CSS基础课程的一些笔记
- HTML&CSS基础学习笔记1.10-添加链接
- HTML&CSS基础学习笔记1.12-无序列表
- C#学习笔记8:HTML和CSS基础学习笔记
- HTML&CSS基础学习笔记1.14-创建表格
- HTML+CSS基础课程学习笔记-第一章HTML简介
- HTML学习笔记之CSS基础知识
- html/css学习零星笔记(一)——如何使用样式
- 【慕课网】php工程师学习计划之我的学习笔记——01 入门必学web基础 htmlcss基础课程 篇
- HTML&CSS基础学习笔记1.13-有序列表及列表嵌套