CSS的三种使用方法

CSS使用方法1：行内样式，只对当前标签生效。
比如像这样

<h1 style="height:20px;color:red">

CSS使用方法2—内联样式+选择器
行内样式虽然直观易懂，但是有个问题：不便于维护和修改，而且占内存。但是如果批量修改，文本中的< p >标签，想让文字变为红色。
所以我们使用CSS选择器。

<html>
<head><title>Evan Sun</title><style type="text/css"> p {color: red;} </style>
</head>
<body>
<h1>标题</h1>
<p>段落1</p>
<p>段落2</p>
</body>
</html>

当然也不止有这样一种选择器。
有四种：#id选择器 .class选择器以及这里面的元素选择器。
下面是几种选择器：

CSS使用方法3—外联样式+选择器：
外联样式就是通过在HTML引入一个CSS文件，来改变当前文档的样式。你只需要在< html >文档< head>标签中只需要加入下面这样一行代码即可。

<link rel="stylesheet" type="text/css" href="demo.css">

其中href的属性值就是当前css样式文件的文件路径
把这个link放在head tag里面。

最后一个问题：
CSS样式听谁的？

CSS的三种使用方法相关推荐

CSS的三种使用方法。行内样式：内嵌式：外部式：
三中的使用方法的简单实例如下: 行内样式: <!doctype html> <html> <head><meta charset="UTF-8&qu ...
php页面底部信息居中,css底部如何局中？css三种居中方法
本篇文章给大家带来的内容是关于css底部如何局中?css三种居中方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 某天组长让我改一个表格的样式,要求底部局中.当时想很简单的嘛,哼哧 ...
HTML引入CSS样式三种方法及优先级
HTML引入CSS样式三种方法及优先级 CSS样式的写法 HTML引入CSS样式三种方法及优先级: 方法 css的样式引用由3种方式.分别为行内样式.内部样式(嵌入式)和外部样式: 行内样式: ...
CSS的三种引入方式：外部样式、内部样式和行内样式
CSS的三种引入方式:外部样式.内部样式和行内样式外部样式链接式:link标签导入式:@import 链接式与导入式的区别内部样式行内样式样式优先级外部样式即CSS代码保存在外部,HT ...
【wangEditor富文本编辑器】富文本三种使用方法，html使用富文本，html套vue脚手架使用富文本，vue使用富文本【简单易用，复制即用】
前言富文本编辑器功能是很多人都要使用的市面上有很多的编辑器可以供选择,但是很多编辑器会有点复杂,或者文档看起来难受. 我最近做了一个需求,是需要在html文件上写富文本编辑器. 但是我看了以前用的 ...
PHP开发之递归算法的三种实现方法
递归算法对于任何一个编程人员来说,应该都不陌生.因为递归这个概念,无论是在PHP语言还是Java等其他编程语言中,都是大多数算法的灵魂.对于PHP新手来说,递归算法的实现原理可能不容易理解.但是只要你 ...
黑马程序员_Java解析网络数据流的三种特殊方法
Java解析网络数据流的三种特殊方法 Java作为最开放的语言,已越来越受到网络程序员的青睐.但这一青睐族有着同样的经历--曾经都为网络上通信的Java数据格式而烦恼. 笔者也不例外,曾经为此而查阅了 ...
Oracle的join默认为,Oracle中的三种Join方法详解
这里将为大家介绍Oracle中的三种Join方法,Nested loop join.Sort merge join和Hash join.整理出来以便帮助大家学习. 基本概念 Nested loop j ...
python中保留小数_python保留小数位的三种实现方法
前言保留小数位是我们经常会碰到的问题,尤其是刷题过程中.那么在python中保留小数位的方法也非常多,但是笔者的原则就是什么简单用什么,因此这里介绍几种比较简单实用的保留小数位的方法: 方法一:fo ...

CSS的三种使用方法

CSS的三种使用方法相关推荐

最新文章

热门文章