`
Virgo_S
  • 浏览: 1138462 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

6、CSS属性结合起来使用

    博客分类:
  • CSS
阅读更多
如果你学完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属性结合动画选项卡切...

    jQuery tab选项卡切换插件和css3属性结合动画选项卡切.

    全国计算机类说课大赛一等奖:CSS样式表的使用教学设计.docx

    (二)过程与方法 依托班级学习网站、校园网资源库、蓝墨云班课移动教学平台为载体,使用交互式课件、三维动画、微课视频辅助教学,通过小组合作探究、自主学习等方式,让学生掌握添加CSS样式表的过程和修改属性值...

    CSS3 animation属性制作逼真的大风车旋转动画

    这是利用css3的animation属性和html5制作的一款十分逼真的大风车旋转动画。整个代码十分简洁,效果很给力。

    别具光芒-CSS.属性、浏览器兼容与网页布局

    属性、浏览器兼容与网页布局内容简介:《别具光芒CSS属性、浏览器兼容与网页布局》结合大量范例与实际应用的实例,详细介绍了W3C发布的层叠样式表CSS2.1规范,浏览器对于CSS2.1规范解释的异同,以及使用XHTML和层叠...

    原生js Aui-core结合css3 transform属性制

    原生js Aui-core结合css3 transform属性制 原生js Aui-core结合css3 transform属性制

    Web前端基础:CSS3过渡&转换.pptx

    要实现这一点,必须规定两项内容:规定把效果添加到哪个CSS属性上规定效果的时长过渡效果除了使用JavaScript 触发动作外,在CSS中也可以通过一些伪类来触发,如 :hover、:focus、:active、:target 和:checked等。...

    css网络大讲堂 mobi

    本书主要介绍了CSS的概念、类型、文本样式、边框样式、块样式、位置样式、列表和滤镜,同时还介绍了关于CSS的一些高级应用,例如CSS和XML的整合以及和JavaScript的结合。本书对于初学者而言是一本很好的入门教程,...

    《CSS全程指南》随书光盘

    之后本书又着重讨论如何使用DIV结合CSS来搭建网站,同时也介绍了CSS在Dreamweaver中的应用。并且对于在CSS制作过程中遇到的Bug进行了详细的分析。 本书适合初、中级网页设计爱好者阅读参考。 第1篇 新手上路 第1章 ...

    CSS+JS的不错菜单DEMO

    一个CSS+JS的菜单DEMO,支持二级菜单透明、阴影,各级菜单项的属性设置.

    《别具光芒CSS.属性、浏览器兼容与网页布局》 PDF

    本书结合大量范例与实际应用的实例,详细介绍了W3C发布的层叠样式表CSS 2.1规范,浏览器对于CSS 2.1规范解释的异同,以及使用XHTML和层叠样式表对网页进行结构化与美化的实际制作方法。本书内容由浅入深,不仅介绍...

    CSS3选择器.rar

    该资源是我本人自学css时,系统地整理的一些关于css选择器的资料汇总拿出来与大家共享,如果需要转载请注明出处,如果表达有误,欢迎指出谢谢!

    vue2.0 和 animate.css的结合使用

    这里说的是vue2.0和animate.css的结合使用。其实用过就知道用法是比较简单的。但是就是刚开始使用的时候,难免有的会遇到各种问题。简单的说说我所用过并且遇过的坑。  首先是transition组件,在2.0中由transition...

    前端css+html+布局笔记

    一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容 :after 选中元素的最后边 一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容 属性选择器 根据元素的属性选择...

    零基础学HTML CSS源代码

    示例描述:本章演示DIV与CSS结合用法。 内联定义样式.html 内联定义样式.html 链入内部CSS样式.html 链入内部CSS样式.html 外链接.html 外链接.html 链接外部CSS样式.html 链接外部CSS样式....

    css权威指南

    这本书提供了对CSSl和CSS定位的完整的..., 这本书的特点在于,它是第一本将CSS与当前浏览器支持结合起来描述的读物,而不仅仅是讲述CSS理论上应该如何工作,因此它为Web创作者和编辑人员高效使用CSS提供了全面的指南。

    CSS权威指南

    这本书提供了对CSSl和CSS定位的完整的..., 这本书的特点在于,它是第一本将CSS与当前浏览器支持结合起来描述的读物,而不仅仅是讲述CSS理论上应该如何工作,因此它为Web创作者和编辑人员高效使用CSS提供了全面的指南。

Global site tag (gtag.js) - Google Analytics