HTML&CSS基础学习笔记1.28-给网页添加一个css样式

Posted MayaTeacher

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML&CSS基础学习笔记1.28-给网页添加一个css样式相关的知识,希望对你有一定的参考价值。

CSS是什么?

html配合CSS一起使用时,我们发现页面变得好看了很多。那么CSS到底是什么呢?

 

CSS指层叠样式表 (Cascading Style Sheets),它主要是用于定义HTML标签在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

 

我们可以这么说,CSS是网页的衣服,它可以用来装饰网页。

那么接下来我们就来试试css吧~

 

 

给网页添加一个CSS样式

尝试给<p>标签直接加了一个[style]属性,并且给标签添加了一个字体颜色。这种在标签上直接添加样式的形式,我们称这种关联方法为内联样式。

看下代码吧:

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>添加样式</title>  
</head>  
<body>  
<h1 style="font-size: 16px;color: blue;">内联样式表 -- 添加样式</h1>  
<p style="font-size:12PX">一个人的价值,全决定于他自己。</p>  
</body>  
</html>  

 

更多学习内容,就在码芽网http://www.mayacoder.com/lesson/index

以上是关于HTML&CSS基础学习笔记1.28-给网页添加一个css样式的主要内容,如果未能解决你的问题,请参考以下文章

HTML&CSS基础学习笔记1.4-定义文档类型

HTML&CSS基础学习笔记1.3-HTML的标签语法

HTML&CSS基础学习笔记1.7-高亮文本及组合使用

HTML&CSS基础学习笔记1.6-html的文本操作标签

HTML&CSS基础学习笔记1.26-input重置表单

HTML&CSS基础学习笔记1.8-预格式文本