一:css样式
1:行内样式:
<body>
<p style="color:#greean; font-size:20px; text-decoration:blink">行内样式</p>
</body>
2:内嵌式
<html>
<head>
<title>页面标题</title>
<style type="text/css">
p{
color:#00CC66;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
</style>
</head>
<body>
<p>紫色、粗体、下划线、25px的效果1</p>
<p>紫色、粗体、下划线、25px的效果2</p>
<p>紫色、粗体、下划线、25px的效果3</p>
</body>
</html>
3:链接式
<html>
<head>
<title>页面标题</title>
<link href="1.css" type="text/css" rel="stylesheet">
</head>
<body>
<h2>CSS标题1</h2>
<p>紫色、粗体、下划线、25px的效果1</p>
<h2>CSS标题2</h2>
<p>紫色、粗体、下划线、25px的效果2</p>
</body>
</html>
文件1.css
h2{
color:green;
}
p{
color:#FF00FF;
text-decoration:underline;
font-weight:bold;
font-size:20px;
}
4:导入样式:
页面
<html>
<head>
<title>样式优先级问题</title>
<style type="text/css">
@import url(2.css);
h3{
background-color:#000000;
color:#FF0000;
}
</style>
</head>
<body>
<h3 style="text-decoration:underline;">CSS标题测试</h3>
</body>
</html>
文件名:2.css
h3{
color:#00FFFF;
font-style:italic;
font-size:40px;
}
分享到:
相关推荐
css_Menu css_Menu css_Menu css_Menu
css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载
css_各种超级链接样式css_各种超级链接样式
CSS样式表模版,可以根据该样式表模板,自动修改为自己喜欢的网页模板
CSS_样式定位图
css样式模板
CSS样式表中文手册,最好,最全的CSS样式表中文手册
CSS 2.0样式表中文手册手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Declarations)、单位(Units)、选择符(Selectors)的介绍。其内容涵括了 ...
CSS_2.0_中文手册,介绍css样式代码
在HTML世界中,我们使用CSS(层叠样式表)来设置网页样式。 在WPF中,我们有资源字典来定义样式。
CSS3样式.pdf
css+ajax+jquery完美的网页样式设计
CSS2样式表简介 CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
汇总下IE各版本的css_hack.让浏览器正确的读取到自己看得懂得CSS语法
Css布局样式大全Css布局样式大全Css布局样式大全
介绍:一、 什么是层叠样式表二、 如何建立样式三、 将层叠样式单放在何处四、 创建并引用样式类五、 字体属性六、 字体与文本属性七、 颜色与图像属性八、 边框属性九、 滚动条属性十.方块属性,十一、 其它属性,十二...
用法 将 Markdown 中的文件链接到 HTML 构建过程: <link rel="stylesheet" href="path/to/css/air.css"> 更多详情、使用方法,请下载后阅读README.md文件
5日精通css层叠样式表(CHM).rar
CSS 样式编程 详细介绍,很有帮助提高