CSS简介
css：cascading style sheets,层叠样式表
css定义方式：
1.内联样式表方式 :可将定义的规则应用到包含它的html标签上，单这种方式不利于重用
如：<table style="color=#ffffff";font-siez="10pt">。。。。。。。。</table>
2.嵌入样式表方式：在网页文档的头部定义一个<style>和</style>标签对，可重用
如： <head>
<style type="text/css">
<!--
p(font-size:10pt; colot:red)
-->
</style>
</head>
3.外部样式表方式
其扩展名为.css,一个外部样式表文件可以通过html的<link>标签连接到html文档中，。
首先要编写.css文件，如test.css文件，内容如下：
p{font:10pt;color=red}
<head>
"<link href='/icons/images/test.css' rel='stylesheet' type='text/css'>"
</head>
说明：rel属性表示链接源在当前文档中的定义，href表示定义的连接目标(.css文档存放路径)
4.局部特定样式表方法：使用<span>....</span>标签对来包围要采用特殊样式的局部文本
如：<head>
<style>
<!--
p{font-size=10pt;color=red} //定义的是标签选择器，在body中进行引用时，所有在<p></p>间的内容都将采用此规则
p.name{font-size=12t;color=white} //关联类型
.hight{color=green} //定义的是类选择器---独立类型
-->
</style>
</head>
<body>
<p>北京上海广州<sapn>青岛，山东</span></p>，
<p class="name">香港台湾</p>
</body>
结果：北京上海广州显示红色字体，青岛，山东显示绿色字体，香港台湾为白色字体
说明：在样式定义中，以“html 标签名.类名"这种定义方式定义的选择器，为”关联类型“;以.类名定义的选择器称”独立类型“
布局属性：
visibility:用于设置元素的可见状态，1.inherit(继承父层的显示属性) 2.visible(显示在页面中) 3.hidden(隐藏属性)
dispaly:用于设置元素的显示状态，1.block(在元素的前和后都会有换行) 2.inline（在元素的前后都不会有换行） 3.list-item（与block相同，但增加了目录列表项标记）4.none(不显示元素，)
著作权归作者所有
如果觉得我的文章对您有用，请点赞。您的支持将鼓励我继续创作！
赞0Ctrl+Enter 发表
添加新评论0 条评论