`

HTML&CSS基础学习笔记1.29-灵活地使用样式

    博客分类:
  • HTML
阅读更多

灵活的使用样式

使用样式的感觉很棒吧!

刚我们使用的内联样式是给具体的标签加上样式,如果有多个标签的时候,我们用内联样式给标签加样式的时候就需要一个个的加过来,这样就很麻烦。

而如果我们使用内部样式表,我们只需要定义<p>标签的文字大小,所有<p>标签就都具有这个样式了。

看个例子吧:



 

更加实用的使用方式

使用内部样式表,我们能够把页面上的共通样式提取出来。可以省去很多工作量。
但是内部样式表并不是最好的方法,比如说,另一个页面也需要这些样式呢?

相对而言,我们更愿意使用外链样式表,即使用link标签引入CSS样式表。我们已经在代码中引入index.css文件,现在我们在index.css文件中添加一些样式。

看个例子吧:更多学习内容,就在码芽网www.mayacoder.com



 

  • 大小: 256.7 KB
  • 大小: 123.5 KB
分享到:
评论

相关推荐

    HTML&CSS基础自学笔记---实现静态网页

    HTML和CSS是构建网页的基础,它们分别负责网页的内容结构和样式设计。HTML(HyperText Markup Language)是一种标记语言,用于定义网页的结构和意义。CSS(Cascading Style Sheets)则用于控制网页的布局和视觉效果...

    html&css;韩顺平笔记---HTML部分.ppt

    本课件为韩顺平老师的HTML CSS JS 课程中的笔记整理,注意是截图版的 如需要下载文字版的请绕道 估计网上也找不到文字版的 本教程适合电脑复习用的

    学习笔记HTML-css-JS.zip

    学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...

    HTML CSS JS 学习、git-笔记.zip

    HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS ...

    HeadFirst HTML&amp;CSS学习笔记.zip

    CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 Head...

    学习html&amp;css的笔记.zip

    css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp;css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp;css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp...

    HTML+CSS个人学习笔记

    HTML+CSS个人学习笔记

    HTML-CSS-JS 学习.zip

    HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习HTML-CSS-JS 学习 ...

    html&css;学习14-浮动.html

    html&css; 学习14 的源码 主要内容为浮动,包含三个html

    html css js 学习笔记.zip

    html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...

    html与css的学习笔记与练习.zip

    html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与...

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...

    HTML+CSS学习笔记.zip

    HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...

    HTML&CSS 设计与构建网站_PDF电子书下载 带书签目录 完整版

    HTML是用于创建网页内容的标记语言,而CSS则负责定义这些内容的样式和布局。 HTML的基础知识包括: 1. **元素与标签**:HTML由一系列元素组成,每个元素由起始标签和结束标签(如`&lt;p&gt;`和`&lt;/p&gt;`代表段落)定义。元素...

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    韩顺平html+css+javascript-----div+css笔记

    本笔记主要介绍了DIV+CSS的基本概念和应用,涵盖了DIV的介绍、CSS的基本语法、CSS的分类、使用CSS统一网站风格、使用滤镜等内容。 DIV+CSS是什么? ---------------- DIV是HTML中的一个元素,用于存放HTML元素、...

    JavaWeb新版教程-html&CSS-L和CSS-CSS与HTML结合使用的第三种方式.avi

    JavaWeb新版教程-html&CSS-L和CSS-CSS与HTML结合使用的第三种方式.avi

    JavaWeb新版教程-html&CSS-L和CSS-CSS与HTML结合使用的第一种方式.avi

    JavaWeb新版教程-html&CSS-L和CSS-CSS与HTML结合使用的第一种方式.avi

    HTML&amp;amp;CSS入门学习笔记

    HTML&CSS入门学习笔记

Global site tag (gtag.js) - Google Analytics