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

原创 2016年08月30日 09:56:32

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






相关文章推荐

WEB标准布局(DIV+CSS)学习笔记(一)-- CSS样式基础知识

首先,CSS样式有4种使用方式: 1、外部样式 2、内部样式 3、行内样式 4、导入样式 外部样式:把CSS样式写入到一个单独的文件中,每个HTML页面链接该文件,是使用最为广泛的方式,...

HTML基础学习-10-CSS样式学习

HTML基础学习-10-CSS样式学习

bootstrap v3学习笔记之全局css样式

1、文档类型必须为html5类型,页面格式应为: ... 2、移动设备优先。为了确保适当的绘制和触屏缩放,需要在 之中添加 viewport 元数据标签: viewport:视口...
  • zzm628
  • zzm628
  • 2015年08月07日 10:46
  • 494

CSS样式学习笔记

1.当同一个html元素被不同的样式定义时,所有的样式会根据以下的规则层叠于一个虚拟样式表中,其中数字越大拥有越高的优先权: (1)浏览器缺省设置; (2)外部样式表; (3)内部样式表(位于h...

CSS样式(链接、列表、表格、轮廓)学习笔记

仅仅是自己对着W3CSchool整理的一些 CSS 基础知识点,敲一遍加深下印象也方便以后复习。 CSS链接 设置链接的样式 链接样式可用属性:color.f...

Bootstrap学习笔记之全局CSS样式(一)

全局CSS样式 一、概览 需要将页面设置为 HTML5 文档类型 ... 在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-...

CSS样式(背景、文本、字体)学习笔记

仅仅是自己对着W3CSchool整理的一些 CSS 基础知识点,敲一遍加深下印象也方便以后复习。 CSS背景 背景色 使用background-color属性为元素设置背景色 例如...

html Demo工具类:网页使用ie另存为htm文件时,css样式文件的图片路径不对,进行修改,并下载图片

网页使用ie另存为htm文件时,css样式文件的图片路径不对,进行修改,并下载图片。 最近老是要做html Demo。就写了一个工具类。   package com.chruan.html.ie...
  • chruan
  • chruan
  • 2013年04月18日 18:16
  • 2199

CSS从基础到熟练学习笔记(一)引入CSS样式的三种方式以及多种样式的优先级

CSS是一种样式表语言,描述了一个HTML(或XML)文档演示。CSS描述了元素是怎样渲染到屏幕、纸上或其他媒体的。内部样式和外部样式的定义顺序(引入顺序)决定了优先级高低,后指定的优先级高;内联样式...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML&CSS基础学习笔记1.28-给网页添加一个css样式
举报原因:
原因补充:

(最多只允许输入30个字)