`
Virgo_S
  • 浏览: 1151091 次
  • 性别: 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;
}
分享到:
评论

相关推荐

    Javascript和Css属性对照

    通过 `javascipt和css属性对照.doc` 文件,你可以系统地学习并对比这两种语言的属性,进一步提升你的前端技能。 记住,学习 JavaScript 和 CSS 的属性对照不仅仅是了解它们的用法,还要深入理解其工作原理,这样...

    css背景属性案例

    本文将详细介绍CSS背景属性的相关知识点,并结合一个具体的案例来帮助大家更好地理解和掌握这些属性。 #### 二、CSS背景属性概述 CSS背景属性主要包括以下几个方面: 1. **`background-color`**:设置元素的背景...

    CSS属性在Javascript中对应表

    这些属性常与`position`属性结合使用,如`position: absolute`或`position: relative`。 4. **文本属性**: - `font-family`:可以使用`element.style.fontFamily`来改变或获取字体。 - `font-size`:对应的...

    个浏览器对css属性的不同支持

    然而,不同的浏览器对于CSS属性的支持程度并不完全相同,这可能导致在不同浏览器上展示的效果存在差异。了解这些差异对于创建兼容多浏览器的网页至关重要。 **一、浏览器兼容性问题** 1. **版本差异**:不同浏览器...

    animate.css动画属性制作css3动画效果

    3. **使用 CSS 动画关键帧**:结合使用 `@keyframes` 规则创建完全自定义的动画。 ### 结合 JavaScript 为了更精确地控制动画,可以结合 JavaScript(如 jQuery 或 vanilla JS)来操作动画的启动、停止、延迟等。...

    css的应用特殊的属性

    让我们一起探讨一下这些特殊的CSS属性。 1. **`clip-path`**: `clip-path`属性允许我们为元素定义一个剪裁区域,超出该区域的部分将不显示。它可以使用polygon()、circle()、ellipse()或者inset()函数来创建各种...

    使用CSS属性制作图片HTML缩略图

    本教程将详细讲解如何使用CSS属性来创建HTML中的图片缩略图,不涉及图片内容本身。 首先,我们需要在HTML文件中插入图片元素。以`<img>`标签为例,我们通常会设置`src`属性指向图片的URL,`alt`属性提供替代文本,...

    原生javascript实现css属性的set和get

    本文将深入探讨如何使用原生JavaScript来实现CSS属性的set和get方法,以及在实际开发中的应用。 ### CSS属性的获取(get) 获取CSS属性通常通过元素的`style`对象来完成。这个对象包含了元素所有内联样式的属性。...

    css ie6 fiexd属性解决方法

    IE6会识别以下划线开头的CSS属性并应用它们,而其他现代浏览器则会忽略这些属性。`expression()` 函数用于动态计算元素的顶部位置,使其随着页面滚动而调整,从而模仿fixed定位的效果。 ### 示例解析 让我们详细...

    css属性列表.rar

    本资料“css属性列表.rar”是一个压缩包,包含了关于CSS属性的详细列表,旨在帮助学习者深入理解和应用CSS。下面我们将详细探讨CSS属性及其重要性。 首先,CSS属性是用来指定元素样式的关键组成部分。例如,`color`...

    CSSReference一个最流行CSS属性的可视化指南

    本篇将深入探讨CSSReference这一流行的可视化指南,帮助开发者更好地理解和运用各种CSS属性。 ### CSS基础知识 1. **选择器**:CSS通过选择器来定位需要样式的HTML元素,如标签选择器(`<p>`)、类选择器(`....

    css中的animation属性轮播图动画效果

    css中的animation属性轮播图动画效果

    更全的css属性分享

    这个压缩包“更全的css属性分享”显然是一个包含大量CSS相关资料的资源集合,可能包括教程、代码示例、笔记等,旨在帮助初学者更好地理解和应用CSS。 CSS属性是CSS的核心组成部分,它们定义了元素如何在页面上呈现...

    css常用属性

    CSS(层叠样式表)是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。以下是对CSS常用属性的详细说明: ...在实际开发中,应结合具体需求灵活运用这些属性,并注意浏览器兼容性和性能优化。

    CSS改变超链接属性

    6. **下划线样式**:如果希望链接只有在鼠标悬停时才显示下划线,我们可以使用`text-decoration`属性,结合`:hover`伪类: ```css a { text-decoration: none; } a:hover { text-decoration: underline; }...

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

    在本案例中,我们将深入探讨如何使用CSS3的animation属性来制作一个逼真的大风车旋转动画。 首先,让我们了解animation属性的基本构成。它由多个子属性组成,包括`animation-name`、`animation-duration`、`...

    CSS自定义属性Expression

    CSS自定义属性Expression是一种在CSS中添加自定义行为的方式,它允许开发者定义自己的CSS属性,并在这些属性中嵌入JavaScript代码来实现动态效果。这种方式在早期的CSS版本中较为常见,尤其是在Internet Explorer...

    CSS结合JS+DW中的CSS使用+滤镜.pdf

    本文主要探讨了如何利用JavaScript处理CSS以及Dreamweaver中CSS属性的应用,同时提及了滤镜效果。 一、CSS与JavaScript的结合 1. JavaScript的鼠标事件: - onClick:当鼠标单击元素时触发。 - onDblClick:鼠标...

    CSS 属性详解 - 继承、层叠与类型

    本文全面解析了 CSS 中有关元素隐藏、继承属性、层叠规则以及不同显示类型的概念与用法。主要内容包含了 CSS 属性是如何遗传的,哪些常见属性能够从祖先继承,如何解决多重样式的冲突并理解 CSS 权重机制;阐述了 ...

    常用的CSS属性的英文单词总结及用法、解释

    本文将详细解析标题“常用的CSS属性的英文单词总结及用法、解释”所涵盖的关键知识点,帮助你更好地理解和运用这些属性。 1. **颜色和背景** - `color`: 设置文本颜色,可以使用颜色名称、十六进制值或RGB值。 - ...

Global site tag (gtag.js) - Google Analytics