如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处理HTML样式。
下面的代码覆盖了初级教程的所有方面,保存下面的CSS文件并且在浏览器里观看连接的HTML,你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件,改变CSS HTML会发生什么变化。
body {
font-family: arial, helvetica, sans-serif;
font-size: 80%;
color: black;
background-color: #ffc;
margin: 1em;
padding: 0;
}
/* By the way, this is a comment */
p {
line-height: 1.5em;
}
h1 {
color: #ffc;
background-color: #900;
font-size: 2em;
margin: 0;
margin-bottom: 0.5em;
padding: 0.25em;
font-style: italic;
text-align: center;
letter-spacing: 0.5em;
border-bottom-style: solid;
border-bottom-width: 0.5em;
border-bottom-color: #c00;
}
h2 {
color: white;
background-color: #090;
font-size: 1.5em;
margin: 0;
padding: 0.1em;
padding-left: 1em;
}
h3 {
color: #999;
font-size: 1.25em;
}
img {
border-style: dashed;
border-width: 2px;
border-color: #ccc;
}
a {
text-decoration: none;
}
strong {
font-style: italic;
text-transform: uppercase;
}
li {
color: #900;
font-style: italic;
}
table {
background-color: #ccc;
}
分享到:
相关推荐
jQuery tab选项卡切换插件和css3属性结合动画选项卡切.
(二)过程与方法 依托班级学习网站、校园网资源库、蓝墨云班课移动教学平台为载体,使用交互式课件、三维动画、微课视频辅助教学,通过小组合作探究、自主学习等方式,让学生掌握添加CSS样式表的过程和修改属性值...
这是利用css3的animation属性和html5制作的一款十分逼真的大风车旋转动画。整个代码十分简洁,效果很给力。
属性、浏览器兼容与网页布局内容简介:《别具光芒CSS属性、浏览器兼容与网页布局》结合大量范例与实际应用的实例,详细介绍了W3C发布的层叠样式表CSS2.1规范,浏览器对于CSS2.1规范解释的异同,以及使用XHTML和层叠...
原生js Aui-core结合css3 transform属性制 原生js Aui-core结合css3 transform属性制
要实现这一点,必须规定两项内容:规定把效果添加到哪个CSS属性上规定效果的时长过渡效果除了使用JavaScript 触发动作外,在CSS中也可以通过一些伪类来触发,如 :hover、:focus、:active、:target 和:checked等。...
本书主要介绍了CSS的概念、类型、文本样式、边框样式、块样式、位置样式、列表和滤镜,同时还介绍了关于CSS的一些高级应用,例如CSS和XML的整合以及和JavaScript的结合。本书对于初学者而言是一本很好的入门教程,...
之后本书又着重讨论如何使用DIV结合CSS来搭建网站,同时也介绍了CSS在Dreamweaver中的应用。并且对于在CSS制作过程中遇到的Bug进行了详细的分析。 本书适合初、中级网页设计爱好者阅读参考。 第1篇 新手上路 第1章 ...
一个CSS+JS的菜单DEMO,支持二级菜单透明、阴影,各级菜单项的属性设置.
本书结合大量范例与实际应用的实例,详细介绍了W3C发布的层叠样式表CSS 2.1规范,浏览器对于CSS 2.1规范解释的异同,以及使用XHTML和层叠样式表对网页进行结构化与美化的实际制作方法。本书内容由浅入深,不仅介绍...
该资源是我本人自学css时,系统地整理的一些关于css选择器的资料汇总拿出来与大家共享,如果需要转载请注明出处,如果表达有误,欢迎指出谢谢!
这里说的是vue2.0和animate.css的结合使用。其实用过就知道用法是比较简单的。但是就是刚开始使用的时候,难免有的会遇到各种问题。简单的说说我所用过并且遇过的坑。 首先是transition组件,在2.0中由transition...
一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容 :after 选中元素的最后边 一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容 属性选择器 根据元素的属性选择...
示例描述:本章演示DIV与CSS结合用法。 内联定义样式.html 内联定义样式.html 链入内部CSS样式.html 链入内部CSS样式.html 外链接.html 外链接.html 链接外部CSS样式.html 链接外部CSS样式....
这本书提供了对CSSl和CSS定位的完整的..., 这本书的特点在于,它是第一本将CSS与当前浏览器支持结合起来描述的读物,而不仅仅是讲述CSS理论上应该如何工作,因此它为Web创作者和编辑人员高效使用CSS提供了全面的指南。
这本书提供了对CSSl和CSS定位的完整的..., 这本书的特点在于,它是第一本将CSS与当前浏览器支持结合起来描述的读物,而不仅仅是讲述CSS理论上应该如何工作,因此它为Web创作者和编辑人员高效使用CSS提供了全面的指南。