CSS的作用及使用

   CSS层叠样式表(Cascading Stylesheet)。在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

    CSS作用:

  (

(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

  

  (5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

  使用方法有三种:

  一.外联式(也叫外部样式):将网页链接到外部样式表。

  如:<link rel="stylesheet"  type="text/css" href="/层叠样式表/样式.css"/>

  二.嵌入式(也叫内页样式):在网页上创建嵌入的样式表。

  如:

  <style type="text/css">

  <!--把声明的样式包含在一个网页注释中,这样可以解决较老的浏览器不识别style的问题-->

  </style>

  三.内联式(也叫行内样式):应用内嵌样式到各个网页元素。

  如:<p style="@importurl(‘BaiduBaike_Daima_Shili.css‘);">层叠样式表文档</p>

  其中,优先级:内联式 > 嵌入式 > 外联式。

  如果要在HTML中设置CSS,需要在HTML中设置"id"或者"class"选择器。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义;class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号(小黑点)显示。属性名不要以数字开头!

  如:id选择器:#id1{color:blue;} class选择器: .class1{color:blue;}

  

  

时间: 2024-12-10 09:28:22

CSS的作用及使用的相关文章

HTML以及CSS的作用和理念

首先,在学习之前,这些是必要知道的东西.什么是HTML,什么是CSS 它们有什么用?又能做什么? 了解HTML和CSS的用途,能更有利我们快速,高效的学习它们. 那么,关于这两者,我就用我通俗的语言像大家介绍一下. 首先是HTML与CSS的作用,学习它们,是让我们有能力写出基本的网页,让我们知道网页一般要怎么布局,了解写网页的基本格式,熟知代码的属性和值. 那么,MTHL与CSS又能做什么呢?首先,上面说道的,写基本的网页,这是其一,然后就是为我们打好基础,有能力去学习更高级的计算机语言.可以踏

面向对象的CSS的作用和注意事项

1)面向对象的CSS的作用: 1.1)加强代码复用,以便维护: 1.2)减小CSS体积: 1.3)提升渲染效率: 1.4)组件库思想.栅格布局可共用.减少选择器.方便扩展. 2)面向对象的CSS的注意事项: 2.1)不要直接定义子节点,应把共性声明放到父类: 2.2)结构和皮肤相分离: 2.3)容器和内容相分离: 2.4)抽象出可重用的对象,建好组件库,在组件库内寻找可用的元素组装页面: 2.5)往你想要扩展的对象本身增加class而不是他的父节点: 2.6)对象应保持独立性: 2.7)避免使用

CSS 概念 &amp; 作用

http://www.cnblogs.com/moveofgod/archive/2012/09/18/2691101.html 式样定义   如何显示 HTML内容 通常存储在式样表中 作用 : 解决内容与表现分离的问题 ( MVC 模型 , model : html , view : css , control : JavaScript ) 外部式样表可以极大的提高效率 , 例如要修改网页中标题的表现形式 , 如果网页中有100个标题, 如果使用HTML进行修改, 则需要修改100次, 如果

Normalize.css 样式作用,及使用方法

Normalize.css 是? Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一. Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性. 相比于传统的CSS reset,Normalize.css是一种现代的.为HTML5准备的优质替代方案.总之,Normalize.css是一种CSS reset的替代方案. Normalize.css 能干什么? 保留有用的默认值,不同于许多 CS

bootstrap.min.css.map作用

我先说一下什么是source map文件. source map文件是js文件压缩后,文件的变量名替换对应.变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下. 比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息,这样的好处就是说,在调试的时候,如果有一些JS报错,那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试,这样会给我们带来很大的方便!

css基础

css绝对是一个能够写到爆炸的东西,so,机智的小北方才不会写各种css样式具体的效果,相比之下更推荐大家记一些常用的key,至于效果,每次用的时候百度下就可以了, css的作用是对符合条件的标签进行渲染,那么首先就要匹配到对应标签啦,我萌有三种基础的模式来匹配希望改变样式的标签 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8">

【学习笔记】CSS基础

[学习过程遇到疑问和延伸阅读] 1.文本与字符的概念比较模糊,会导致应用CSS属性(letter-spacing,text-indent,word-spacing)时混乱 文本(Text),是书面语言的表现形式:计算机的一种文档类型.从文学的角度说,通常是具有完整.系统含义(Message)的一个句子或多个句子的组合.一个文本可以是一个句子(Sentence).一个段落(Paragraph)或者一个篇章(Discourse). 字符(character),是指计算机中使用的字母.数字.字和符号,

浅谈CSS优先级机制(一)

初次写随笔,如果有哪个地方不足还望大神指点改正,下面我来谈谈我对于CSS优先级的了解吧. CSS优先级,通俗的理解就是你给元素等一堆属性描述,然后最后到底是哪个描述作为最终显示的效果的规则或机制(个人理解).以下我将分为几个点来谈谈优先级的确定. 1.引入方式: CSS引入的方式,我目前只知道四种:内联式.内嵌式.导入式.链接式(当然网上的说法名称不一,理解就好). 各种引入方式的用法我在这里就不再多说了.以上我所按顺序罗列的四个方式是理论上的优先级顺序,也就是说,我使用内联式引入的css代码作

[学习笔记]day02&amp;CSS

一,什么是CSS? Cascading Style Sheets层叠样式表 层叠:就是层层覆盖叠加,如果有多种样式对同一html标签进行修饰,样式有冲突的部分应用优先级高,不冲突的部分共同作用 样式表:就是css属性样式的集合 CSS的作用 1. 对html页面进行美化和修饰 2. 将html的内容和样式进行了分离,让文档看起来更清晰 3. 提高代码复用性 ? 1. CSS的选择器(三种) 一,基本选择器(三种) 1.ID选择器 ? (1)id选择器 id唯一性 语法:#id的值{css属性}