在网页中应用CSS

17人阅读 评论(0) 收藏 举报
分类:

那么该怎么在html文件内使用CSS?

1.外部样式表
把CSS单独放到一个文件里,后缀名自然是.css,然后在html内引用:

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

2.内部样式表
当单个文档需要特殊的样式时,可以使用内部样式表。顾名思义就是把CSS写在html文件内部,可以使用 <style> 标签在文档开始的地方定义:

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

3.内联样式表
内联意思是在标签内使用样式(style)属性,把内容和样式写在一起,慎用。如:

<p style="color:sienna;margin-left:20px">这是一个段落。</p>

优先级

(内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式

注意:如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。

查看评论

【7】CSS定位、列表的高级应用、网页的制作

定位(position)属性及应用 值 描述 absolute 设置绝对定位的元素,相对于具有相对定位属性的父级元素偏移元素的位置通过 “left”, “top”, “right” 以及 ...
  • qq_35260622
  • qq_35260622
  • 2016-07-22 08:29:46
  • 1622

HTML特殊技巧,常用技巧

  • 2011年11月21日 21:31
  • 5.9MB
  • 下载

css在网页中的应用

一、网页中加css的方式有四种: 1、内联样式表:直接写在现有的标记中,如:这里文字是红色的 2、嵌入式样式表:使用“”标签嵌入到HTML文件的头部中标记内,如: body{background:...
  • u012612399
  • u012612399
  • 2014-02-22 11:29:27
  • 566

CSS在DIV网页排版中的实用技巧

  • 2010年03月14日 00:05
  • 65KB
  • 下载

CSS网页应用技巧

  • 2012年02月18日 16:19
  • 5.49MB
  • 下载

网页设计与制作实用技术实验报告

  • 2008年12月13日 15:12
  • 311KB
  • 下载

做出漂亮的网页表格(CSS代替bordercolorlight与bordercolordark)

我们可以使用bordercolorlight与bordercolordark 来设置Table的边框,使之变得漂亮;     1、 bordercolorlight与bordercolordar...
  • angel20082008
  • angel20082008
  • 2016-03-09 09:55:54
  • 1433

Java Web页面修饰技巧——CSS应用

CSS是英语Cascading style sheets的缩写,通常也叫做层叠样式表,是一种用来表现HTML或XML文件式样的计算机语言,主要用于定义网页外观。在制作页面时采用CSS技术,可以对页面布...
  • ivolcano
  • ivolcano
  • 2016-03-06 22:28:32
  • 966

如何连接外部CSS样式

连接外部CSS样式     外部CSS样式是一个独立的CSS文件,当在网页中直接创建外部CSS样式时,该样式自动应用到网页中;当在创建空白网页时,通常可以附加已经存在的外部样式表。如果CSS样式文件...
  • haozhenjie819
  • haozhenjie819
  • 2012-10-11 11:06:51
  • 6277
    新家地址
    个人资料
    持之以恒
    等级:
    访问量: 7万+
    积分: 1864
    排名: 2万+
    最新评论