`

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学习笔记...

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

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

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

    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前端学习笔记html+css前端学习笔记 html+css前端学习...

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

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

    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的学习笔记与练习.zip

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

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

    2. **盒模型**:CSS中的每个元素都是一个矩形框,包含内容、内边距、边框和外边距。 3. **颜色和背景**:使用颜色值或颜色名称定义文本和背景颜色。 4. **字体与文本样式**:`font-family`、`font-size`、`color`、`...

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

    CSS基础知识学习笔记

    ### CSS基础知识学习笔记 #### 一、CSS简介与基本概念 **CSS**(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。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