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">