html css入门之html中的css

原创 PHP笔记  2017-03-14 18:38  阅读 836 views 次

css是为了更好的渲染html元素而引入的,这里就不介绍css了,以前介绍过(css简介)。直接入主题,css添加到html代码中有以下几种方法:

  1. 内联样式:使用"style" 属性。
  2. 内部样式表:使用<style> 标签。
  3. 外部引用:从外部引入css文件。

如何选择?

当特殊的样式需要应用到几个元素时,就可以使用内联样式。当单个文件需要特别样式时,就可以使用内部样式表。当样式需要被应用到很多页面的时候,外部样式表将是理想的选择,使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。本笔记的实例为了好演示一般都用了内联样式或内部样式表。

实例:

<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>html css入门之html中的css_PHP笔记</title>
 </head>
 <body>
 <style type="text/css">
 div{ /*选择器,选择所以<div>元素*/
 width:400px;/*宽*/
 height:200px;/*高*/
 border:1px solid red;/*边框*/
 color:red;/*颜色*/
 }
</style>
<div>
 在html文档中的style标签里面写css代码-PHP笔记
</div>
 </body>
</html>

运行结果:

更多实例见:在html网页中怎样引入css,css代码的几种引入方法!

本文地址:https://www.ggbiji.com/html-css.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情