HTML&CSS基础学习笔记1.29-灵活地使用样式
2016-09-02 09:42
781 查看
灵活的使用样式
使用样式的感觉很棒吧!
刚我们使用的内联样式是给具体的标签加上样式,如果有多个标签的时候,我们用内联样式给标签加样式的时候就需要一个个的加过来,这样就很麻烦。
而如果我们使用内部样式表,我们只需要定义<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.27-灵活地使用样式
- HTML&CSS基础学习笔记1.20-DIV标签2
- HTML&CSS基础学习笔记1.12-无序列表
- HTML&CSS基础学习笔记1.25-input标签的选择文件和隐藏元素
- HTML&CSS基础学习笔记1.27-input提交数据
- HTML&CSS基础学习笔记7-高亮文本及组合使用
- HTML&CSS基础学习笔记1.21-语义化标签
- HTML&CSS基础学习笔记1.28-给网页添加一个css样式
- HTML&CSS基础学习笔记1.29-像素和相对长度
- HTML&CSS基础学习笔记1.31-像素和相对长度
- HTML&CSS基础学习笔记1.16-单元格间距和表格主体
- HTML&CSS基础学习笔记1.14-创建表格
- HTML&CSS基础学习笔记1.10-添加链接
- HTML&CSS基础学习笔记1.33-元素选择器
- HTML&CSS基础学习笔记1.15-合并单元格
- HTML&CSS基础学习笔记1.22-文章布局
- HTML&CSS基础学习笔记1.18-表格的边框
- HTML&CSS基础学习笔记1.19-DIV标签1
- HTML&CSS基础学习笔记1.9-添加图片
- HTML&CSS基础学习笔记1.34-通用选择器