js学习笔记——css简单总结

CSS(Cascading Style Sheet)层叠样式表

 

1、CSS样式:格式

(1)由一个名称/值的属性对列表指定的;

(2)属性之间用逗号分开;

(3)属性和值属性之间用冒号隔开

2、CSS样式主要属性:(略)以后再专门对这块总结

3、在文档元素中添加样式属性:

(1)在html标记的style属性使用:如

<p style="margin-left:lin;margin-right:lin;">

在<head>部分中的<style></style>标记之间插入:

(2)使用样式表——实现文档结构和外观分离:
规则:

标记选择器{属性:值;

          属性:值;

         ...}

选择器——指定要应用的文档元素(标记);

如:

body{margin-left:30px;margin-right:15px;background-color:#ffffff}

(3)指定元素的类,元素的类由html标记的class属性定义:
规则:

.类选择器{属性:值;...}

如:以粗体字显示所有class属性为attention的标记:

.attention{font-weight:bold}

(4)类选择器和标记选择器联合使用:

p.attention{color:red;}

(5)指定id属性,如不显示id属性为"p1"的元素:

#p1{visibility:hidden}

(6)用@import指示符在一个特定页面的样式表中包含一个共享的CSS文件:

如:

<html>
<head><title></title>
<style type="text/css">
@import "mystyles.css";
p{font-size:48px;}
</style>
</head>
<body></body>
</html>

(7)使用<link>标记把一个定义好的样式表引入到指定的页面:
如:

<link href="${path }/css/form/css.css" rel="stylesheet"
            type="text/css">

 

 

 

 

posted @ 2013-03-26 17:19  夜香  阅读(155)  评论(0编辑  收藏  举报