`

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

    博客分类:
  • HTML
 
阅读更多

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



 

  • 大小: 1.9 KB
0
0
分享到:
评论
1 楼 octopole 2016-09-12  
23333333

相关推荐

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

    Webstorm作为一个强大的开发工具,提供了许多快捷键以提高开发效率,如`Ctrl+D`快速复制当前行,`Ctrl+X`快速删除当前行,`Ctrl+Alt+T`在选中的文本前后添加HTML标签,`Ctrl+/`进行注释等。这些快捷键的熟练使用能极...

    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...

    jihong10102006#blog#07、CSS基础笔记02----对齐方式1

    title: 07、CSS基础笔记02----对齐方式tags: CSDN迁移上对齐中对齐下对齐。

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

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手...可以将内存想象成一个含有多个小格子的容器,每一个小格子中可以存储一个0或一个1,这一个小格

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

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

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

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

    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

    CSS样式通常存储在样式表中,把样式添加到HTML 4.0中,是为了解决内容与表现分离的问题。 有以下三种方式来插入样式表: * 外部样式表:当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。 * 内部样式...

    html和css学习笔记

    ### HTML与CSS学习笔记 #### 一、基础知识概述 HTML(HyperText Markup Language)与CSS(Cascading Style Sheets)是构建网页的基础技术。通过学习HTML与CSS,我们可以创建结构化且美观的网页。 - **WWW (World ...

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

    以下是一个简单的DIV+CSS示例: ```html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;title&gt;DIV+CSS入门案例 &lt;link href="my.css" type="text/css" rel="stylesheet"/&gt; ...

    Head First HTML&amp;CSS 学习笔记.zip

    这套学习笔记涵盖了从HTML基础标签到CSS样式设计的各个方面,通过逐步深入的方式引导读者了解网页开发的核心概念和技术。无论是构建简单的静态页面还是实现复杂的布局效果,都能在这里找到详细的指导和实用的建议。...

    CSS基础知识学习笔记

    ### CSS基础知识学习笔记 #### 一、CSS简介与基本概念 **CSS**(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS的作用在于控制网页的布局和样式,使网页内容的展现更加...

    HTML---CSS----基础知识及代码----各种小程序网页设计

    基本的CSS样式包括颜色、字体、尺寸、位置等,例如: ```css body { font-family: Arial, sans-serif; background-color: #f0f0f0; } h1 { color: blue; text-align: center; } ``` 在HTML和CSS结合使用时,...

    html-css-网页模板-团队介绍

    【标题】"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学习笔记...

Global site tag (gtag.js) - Google Analytics