`
xiaoyaolong
  • 浏览: 29011 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
文章分类
社区版块
存档分类
最新评论

html中样式表的使用

阅读更多
DHTML:动态html网页技术
网页的样式不能一成不变,要给浏览者鲜活动态的感受。
产生动态效果。
DHTML由三大部分组成:
Html     内容
Css      外观
Javascript 行为
各负其责,实现数据和显示分离。
1.行内样式表
<p style=“font-size:40px; color:red; face-family=’楷书’“>
Style是属性
2.内嵌样式表
写在<head>中
<style style =”text/css”>  style是标记
.类名{}  类选择器 应用得最多的
P{}    标记(HTML)选择器
#ID名{}   id选择器,为某个标记量身定做,只能用在一个标记上,因为所有对象的id不能值相同。
</style>
2.1类选择器
.{}
应用 Class=”zm”
2.2标记选择器
P{ font-size:20; color:blue; text-align:center; }
应用:不需要显示调用,所有的p标记自动应用该格式
2.3 ID选择器
应用:id=”zz”
注意:同时写了class 和 id 选择器,会应用Id的格式。
先应用class,再应用id,覆盖了原来的格式。
3.外部样式表
如果有多个页面要应用同一样式,则可将样式写成一个*.css文件
应用样式表:
<head>
<style type=”text/css”>
       @import  路径/*.css;
    </style>
</head>
或者也可写成:
<link rel=”stylesheet” type=”text/css” href=”路径/*.css”>

注意:a.必须写在<head>中间
      b.分号不能省略
      c.link不能写在<style>中
常用属性
Text-align
Background-color
Border-color
Border-width
Border-style
Letter-spacing 字符间距
Line-height  行高
细边框样式
特殊选择器
A{}
A:link{} 访问前的样式
A:hover{}   表示鼠标悬停
A:active{}   被激活的样式
A:visited{}  已被访问过

样式表的优先级
同时写了多个样式时,会应用哪个样式?
1. 如果有多种样式,设置的样式没有冲突,则将所有样式叠加
内嵌样式
P{font-size:14px;color:red}
行内样式
<p style=”font-family:楷书;”>
2. 如果多种样式中有冲突,则优先顺序为行内、内嵌、外部
3. 如果同时应用内嵌样式表,优先顺序为ID选择器、类选择器、HTML选择器
<div>块级标签,可以包含其它的标记
一般用style来设置样式
常用属性:
background-color
width
height
position:absolute;绝对定位
top
left
z-index:2;层叠顺序
<span>行级标签,只能包含文字,不能包含其它标签
分享到:
评论

相关推荐

    在html中引入外部样式表

    总之,在HTML5中使用`&lt;link&gt;`元素引入外部样式表是一种高效、灵活的方法,它有助于提高页面的可维护性和用户体验。在实际开发中,我们应该遵循最佳实践,合理组织和管理样式表,以便更好地服务于网页设计和开发。

    Qt样式表使用大全(中文整理资料)

    Qt样式表(QSS)是一种类似于HTML和CSS的样式表技术,它用于美化Qt应用程序的用户界面。QSS允许开发者对控件进行样式和视觉效果的定制,使得程序界面不仅功能强大,还能有良好的用户体验。 在深入理解QSS的使用之前...

    css样式表代码

    英文大小写转换是 CSS 样式表中一个非常重要的属性,它可以确定文本的英文大小写。常见的英文大小写转换有: * uppercase:大写 * lowercase:小写 * capitalize:首字母大写 * none:不转换 文 本 属 性 文本属性...

    HTML——CSS样式表教程

    2. **内联样式、内部样式表和外部样式表**:内联样式是直接在HTML元素中使用`style`属性,内部样式表在`&lt;head&gt;`标签内的`&lt;style&gt;`标签中,外部样式表是独立的`.css`文件,通过`&lt;link&gt;`标签引入。 3. **继承与优先级...

    qss样式表模板,包括了17种样式表。

    在本压缩包中,你将找到17个不同的QSS样式表模板,这些模板可以帮助你在Qt应用中实现各种丰富的视觉效果。 1. **QSS基础概念** QSS是一种基于CSS的样式语言,用于Qt应用程序的UI设计。它允许通过定义颜色、字体、...

    css样式表中文手册

    **CSS(层叠样式表)**是Web前端开发中的核心技术之一,用于定义网页的布局、颜色、字体等视觉效果。CSS样式表手册是开发者学习和查阅CSS规则的重要参考资料,尤其对于中文用户,中文手册能更直观、准确地理解概念和...

    样式表中文手册.rar 样式表中文手册.rar

    样式表(Stylesheets)在网页设计和开发中扮演着至关重要的角色,它们是定义和控制网页外观的关键技术。本手册“样式表中文手册”聚焦于这一主题,旨在为中文用户提供详尽的指导和理解。CHM(Compiled Help Manual)...

    jQuery制作控制css样式表切换各个样式表

    在网页设计中,CSS(层叠样式表)用于定义页面元素的样式,如颜色、布局和字体等。jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果。通过使用jQuery,我们可以轻松地实现动态切换不同的...

    CSS层叠样式表学习指南

    什么是CSS?  中文翻译为样式表! 它的作用简单的说:就是可以使...各种将样式表加入到HTML文本中的方法。 依赖样式表 怎样会是滥用样式表和使你的网页难以处理。 CSS 参考 连接到介绍CSS的规范和其它方面的文章。

    css样式表使用大全

    《CSS样式表使用大全》是一本全面探讨CSS(Cascading Style Sheets)的参考资料,它深入浅出地讲解了如何运用CSS来控制网页的呈现效果。CSS作为一种样式表语言,被广泛用于定义HTML或XML(包括如SVG、MathML等各种...

    css样式表基础

    1. **内联样式**:直接在HTML标签中使用`style`属性定义样式。 ```html ;"&gt;这是一段红色的文字。 ``` 2. **内部样式表**:在HTML文件的`&lt;head&gt;`部分使用`&lt;style&gt;`标签定义样式。 ```html p { color: ...

    CSS样式表个人总结

    1. 外部样式表是在.css 文件中定义的样式表,这种样式表可以作用于多个 HTML 文档。 2. 内部样式表是在 HTML 文档的标签内部定义的样式表,这种样式表只能作用于当前 HTML 文档。 3. 内联样式是在 HTML 元素内部定义...

    《CSS 样式表中文手册》 ,样式表基础学习教程

    **CSS(层叠样式表)**是网页设计中不可或缺的一部分,它用于定义页面的布局、颜色、字体等视觉效果。CSS3是当前广泛使用的版本,但了解CSS2.0的基础对于学习进阶知识至关重要。本教程《CSS 样式表中文手册》是一个...

    CSS样式表中文手册

    **CSS(层叠样式表)**是网页设计中不可或缺的一部分,它用于定义网页内容的外观、布局和结构。本资源包含一系列中文手册,帮助开发者深入理解CSS的核心概念和技巧。 1. **Cascading Style Sheet 样式表中文手册**...

    CSS 指层叠样式表 (Cascading Style Sheets)

    CSS 指层叠样式表 (Cascading ...样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一

    css技术文萃&苏昱样式表中文手册2.0&样式表中文手册

    CSS是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。在网页设计中,它对于实现页面布局、颜色设定、字体选择、动画效果等方面起着至关重要的作用。 首先,我们来了解CSS的基础...

    CSS3样式表- 层叠样式表种类.pptx

    此外,CSS3还支持样式层叠,这意味着可以从多个样式表中合并样式,以实现优先级控制。 **CSS3的种类** 1. **内联样式表**:将样式直接写在HTML元素内部,使用`style`属性,如`;"&gt;`。这种方式针对性强,但不推荐大量...

    样式表滤镜中文手册1

    样式表滤镜是一种在网页设计中用于增强和改变HTML或XML元素视觉效果的技术。这个“样式表滤镜中文手册1”很可能提供了关于如何使用这些滤镜的详细指导,特别是对于中文用户来说,它是一个非常宝贵的资源。下面我们将...

    样式表中文手册(参考资料)

    样式表中文手册是一份详尽的参考资料,涵盖了CSS(层叠样式表)、HTML(超文本标记语言)和JavaScript,这些都是网页设计中不可或缺的核心技术。这份手册面向初学者和经验丰富的开发者,提供了关于如何构建和美化...

Global site tag (gtag.js) - Google Analytics