日期:2014-05-17  浏览次数:20674 次

CSS样式基础

一、如何创建 CSS

插入样式表的方法有三种:

1.外部样式表

<head>

<link rel="stylesheet" type="text/css"

href="/YGFMISWebRes/html/component/css/jquery.ygsoft.common.css"/>

</head>

?????? 2. 内部样式表(html,位于 <head> 标签内部)

<head>

<style type="text/css">

??????????????????? hr {color: sienna;}

??????????????????? p {margin-left: 20px;}

? ?????????? body {background-image: url("images/back40.gif");}

</style>

</head>

?????? 3. 内联样式(在 HTML 元素内部)

????????????? <p style="color: sienna; margin-left: 20px">

This is a paragraph

</p>

优先级:内联样式 > 内部样式表 > 外部样式表

二、CSS选择器

1. id 选择器

ID属性用于定义一个元素的独特的样式。

DOMid= sidebar的样式定义。

#sidebar {

?????? ??????