CSS层叠样式表——使用CSS样式的方法-阿里云开发者社区

开发者社区> 科技小能手> 正文

CSS层叠样式表——使用CSS样式的方法

简介:
+关注继续查看

  使用CSS样式的方式

1  HTML <!DOCTYPE>声明标签

1.1  定义和用法

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

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

  在HTML4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.01基于SGML。

  DTD规定了标记语言的规则,这样浏览器才能正确地呈现内容。

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

1.2  各版本的声明

1.2.1  HTML5

  <!DOCTYPE html>

  <meta charset="utf-8">

1.2.2  HTML4.01

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

  该DTD包含所有HTML元素和属性,包括展示性的和弃用的元素(比如font),不允许框架集(Framesets)。

  <meta http-equiv=Content-Typw content="text/html;charset=utf-8">

1.3  注意的规则

  单标即必须闭合,比如<br>必须写为<br/> <input/>

  单属性必须添加属性值  <input type="radio" checked>必须写为<input type="radio" checked="checked"/>

  标记和属性必须使用小写  <Body><BODY>是错的必须写为<body>

  属性的属性值必须使用  在HTML4.01之前可以使用<body bgcolor=red>,HTML4.01必须写为<body bgcolor="red">

2  内链样式表

  <body style="background-color:green;margin:0;padding;"></body>

3  嵌入样式表

  <style type="text/css"></style>

   需要将样式放在<head></head>中

4  引入式样式表

  <link rel=StyleSheet"type="text/css"href="style.css">                                                                             


本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1967839


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
几个常用的CSS3样式代码以及不兼容的解决办法
原文:几个常用的CSS3样式代码以及不兼容的解决办法 border-radius实现圆角效果 1 CSS3代码: 2 3 -webkit-border-radius:10px; 4 -moz-border-radius:10px; 5 border-radius:10px; 6 b...
817 0
css知多少(3)——样式来源与层叠规则
原文:css知多少(3)——样式来源与层叠规则   上一节《css知多少(2)——学习css的思路》有几个人留言表示思路很好、继续期待,而且收到了9个赞,我还是比较欣慰的。没看过的朋友建议先去看看上一节。
843 0
HTML5: 10 个顶级使用 CSS3 动画的网页
已经有很多的开发者开始使用 CSS3 和 HTML5 技术来开发各种应用,下面是我们列出了 10 个惊艳的使用 CSS3 动画的网页: Battlefield CSS3 AT AT Walker Big Deal Dulla High Kinect and CSS...
515 0
怎么设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程
8456 0
CSS样式更改——2D转换
CSS样式更改——2D转换
706 0
CSS样式中选择器失效问题
对于怎么排查样式失效:    1. 学会使用小程序开发者工具提供的小程序调试工具和Chrome调试工具来排查原因(这会很大程度上减少排查问题的    时间);    2. 首先需要确认标签有可能使用什么来作为样式选择器,最常用的是标签、class、id,确认是否设置了相应的属性;    3.
736 0
使用JavaScript动态添加CSS样式规则
原文链接: Add Rules to Stylesheets with JavaScript原文日期: 2014-09-04翻译日期: 2014-09-05翻译人员: 铁锚现在Web应用中有大量的JavaScript代码,而我们也一直在追寻各种使他们更快的解决方案。
816 0
23706
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载