计算机编程
  • 千一教程-CSS(1)
  • 千一教程-CSS(2)
  • 千一教程-CSS(3)
  • 千一教程-CSS(4)
  • 千一教程-CSS(5)
  • 千一教程-CSS(6)
  • 千一教程-CSS(7)

什么是CSS,CSS

  CSS是Cascading Style Sheet的缩写。译作”层叠样式表单“。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS样式可以控制许多仅使用HTML无法控制的属性。HTML是一种标记性语言。当在浏览器中打开一个HTML网页时,浏览器将读取该网页中的HTML标签,并根据内置的解析规则将网页元素呈现出来。css(层叠样式表)决定浏览器将如何描述html元素的表现形式。换而言之,CSS就是描述HTML元素的规则。CSS目前最新版本为CSS3,CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

  CSS层叠样式表是一系列格式设置的规则,它们控制网页内容的外观。使用CSS设置页面格式时,可以将内容与表现形式分开。网页内容(即HTML代码)驻留在HTML文件自身中,而用于定义代码表现形式的CSS规则驻留在另一个文件(外部样式表)或HTML文档的另一部分(通常为文件头部分)中。使用CSS可以更加灵活地控制具体的页面外观,从精确的布局定位到特定的字体和样式。

  CSS允许控制HTML无法独自控制的许多属性。例如,可以为选定的文本指定不同的字体大小和单位(像素、磅值等)。通过CSS可以用像素为单位来设置字体大小,从而可以确保在多个浏览器中以更一致的方式处理页面布局和外观。除设置文本格式外,还可以使用CSS控制网页中块级别元素的格式和定位。例如,可以设置块级别元素的边距和边框,其他文本周围的浮动文本等。

  CSS格式设置规则由选择器和声明两部分组成,其中选择器是标识格式元素的术语(如p、h1、类名或id),声明用于定义元素样式。

  CSS的主要优点是提供了便利的更新功能。设计网站时,可以创建一个CSS样式表文件,然后将网站中的所有网页都连接到该样式表文件,这样很容易为Web站点内的所有网页提供一致的外观和风格。当更新某一样式属性时,使用该样式的所有网页的格式都会自动更新为新样式,而不必逐页进行修改。

  在实际应用中,一般有以下三种级联方式。

  1. 外联式
    外联式样式表中,CSS 代码作为文件单独存放,如以 style.css 文件包含所有样式。在 HTML 中的外部级联采用 <link> 标记或者 @import 语句来引入。示例代码如下:

<link rel="stylesheet" href="style.css" type="text/css" /> //link 链接
@import url("style.css"); //@import 导入

<link> 和 @import 的异同可参考此文:CSS 外部引用中 link 与 @import 的区别。

  1. 内联式
    门户网站的 CSS 代码通常采用嵌入式,即通常所说的内联方式 (Inline Style),其使用 <style> 标记将样式定义为内部块对象。示例代码如下:

<style type="text/css">
<!--
body
-->
</style>

内联 CSS 可以有效减少 HTTP 请求,提升页面性能,缓解服务器压力。由于浏览器加载完 CSS 才能渲染页面,因此能防止 CSS 文件无法读取而造成页面裸奔的现象。

  1. 嵌入式
    最初级的 CSS 写法即把代码直接添加于所修饰的标记元素。示例代码如下:

<div>以上内容部分来自网络。如有侵权,请告知后立即删除。

CSS是Cascading Style Sheet的缩写。译作”层叠样式表单“。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种...


千一教程 从用出发


一、样式表是什么?
  CSS 是 Cascading Style Sheet 的缩写,即“层叠样式表单”,也即样式表,是用于指定网页样式(如宽度、背景、字体颜色等)的一种标记性语言。我们所说的 CSS2 即 CSS 的第二个版本,是目前较为通用的版本。

二、为什么使用样式表?
  样式表可以指定网页的样式,HTML 也可以指定网页的样式,比如样式表可以指定网页的背景颜色,HTML 也可以指定网页的背景颜色,那我们为什么要使用样式表,而不使用 HTML 指定呢?
  1、将网页内容与网页样式分离。
  常规的网页,网页内容与网页样式混合在一起造成了很多不便,比如 ASP 程序员在输出网页内容时必须考虑网页样式。
如果采用样式表,则不会有此尴尬,ASP 程序员在输出网页时,只需要告诉网页制作人员网页有哪些内容,不需要考虑这些内容用什么颜色、用多大的字号等,而网站制作人员只需要根据这些内容写样式表即可。
  2、精简代码。
  大多数情况下用 CSS 可以使整个网页代码更整洁、更精简。
  3、样式复用。
  一个样式可以在多个网页的多个地方使用,保持了网页的风格,便于维护。比如可以用一个样式表文件确定多个页面的背景颜色,要修改背景颜色时,只需要修改一个样式表文件即可,而如果使用传统的 HTML 方式则需要为每个网页更改背景颜色。

三、样式表存放在什么地方?
  1、单独的文件,比如 style.css。公用样式表或内容较多的样式表用此法。
  2、放在 HTML 代码的 head 区。仅用于当前网页的样式表一般可用此法。
  3、直接写在 HTML 标签里,比如<table style="border-collapse: collapse">。不推荐用此法,因为它违背了样式表的初衷--将网页内容与网页样式分离。

其他新闻
  • 千一教程-CSS(1) 千一教程-CSS(2) 千一教程-CSS(3) 千一教程-CSS(4) 千一教程-CSS(5) 千一教程-CSS(6) 千一教程-CSS(7) 什么是CSS,CSS   CSS是Cascading StyleSheet的缩写。译作”层叠样式表单“...
    2020-01-26
  • 千一教程-CSS(1) 千一教程-CSS(2) 千一教程-CSS(3) 千一教程-CSS(4) 千一教程-CSS(5) 千一教程-CSS(6) 千一教程-CSS(7) 原作者:hve 出处:5D多媒体 发表时间:2002-2-28 关键词:css 阅读次数...
    2020-01-26
  • 首先,我们认识一个函数: Timer() 。 PHP中使用微秒计算脚本执行时间例子,php微秒 在PHP中,大多数的时间格式都是以UNIX时间戳表示的,而UNIX时间戳是以s(秒)为最小的计量时间的单位。...
    2020-01-26
友情链接

公司名称巴黎人电玩
版权所有:Copyright © 2015-2019 http://www.zhongqiangjy.com. 巴黎人电玩有限公司 版权所有

友情链接

Copyright © 2015-2019 http://www.zhongqiangjy.com. 巴黎人电玩有限公司 版权所有
公司地址http://www.zhongqiangjy.com