分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

使用CSS样式的方式

发布时间:2023-09-06 01:25责任编辑:蔡小小关键词:CSS

1,HTML<!DOCTYPE> 声明标签 

定义和用法<!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前

<!DOCTYPE>声明不是HTML标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令

在HTML4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.01基于SGML。DTD规定了标记语言的规则,这样子才能正确地呈现内容

HTML5不基于SGML,所以不需要引用DTD

各版本的声明:

HTML5:

<!DOCTYPE html>

<meta charset=“utf-8”>

HTML4.01:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

该DTD包含所有HTML元素和属性,包含展示性和弃用的元素,不允许框架集

注意的规则

2,内链样式表<body style=“background-color:green;margin:0;padding:0;”></body>

3,嵌入式样式表<style type=“text/css”></style>,需要将样式放在<head></head>

4,引入式样式表<link rel =“StyleSheet” type=“text/css” href=“style.css”>

<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title>CSS的使用方式</title>
???<style type="text/css">
?????body{
???????background-color:green;
???????color:red;
?????}
???????p{
???????????background-color: red;
???????????color: green;
???????}
???</style>
</head>
<body style="background-color: green">
???<h1>CSS的使用方式</h1>
???<p>CSS的使用方式</p>

</body>
</html>

使用CSS样式的方式

原文地址:http://www.cnblogs.com/lzp1103/p/7868701.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved