CSS (层叠样式表)

层叠样式表是一种用来表现HTML(标准通用语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

    CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,

    CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,

    并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

发展历史

  CSS1

  作为一项W3C推荐,CSS1发布于 1996年12月17 日。1999 年1月11日,此推荐被重新修订。

  CSS2

  作为一项 W3C 推荐,CSS2发布于 1999年1月11日。CSS2添加了对媒介(打印机和听觉设备)和可下载字体的支持。

  CSS3

  CSS3 计划将 CSS 划分为更小的模块。

有三种方法可以在站点网页上使用样式表:

  1. 外联式Linking(也叫外部样式):将网页链接到外部样式表。
  2. 嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
  3. 内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。

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

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

 

内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。

 布局特点

对于蜘蛛在爬行一个网站的页面时,若是有太多的垃圾代码,会使搜索蜘蛛对其产生不友好、不信任感,同时蜘蛛的爬行速度也会因此而减缓,对于网站SEO而言,

可谓一大忌。就如传统的用table页面,对此我们就需要对网站进行代码优化,而这便需要动用CSS+div了;

  一.精简代码,降低重构难度。

  二.网页访问速度三.SEO优化

  四.浏览器兼容性

  五.CSS+DIV网页布局的时候常犯的小错误

时间: 2024-10-29 05:15:47

CSS (层叠样式表)的相关文章

CSS层叠样式表

层叠样式表     Cascading Style Sheet 一.层叠样式表的分类:1.外部——.css文件2.内嵌——<head></head>3.内联——放在标记的style属性上 优先级为:内联>内嵌>外部 二.选择器.(一)基本选择器1.ID选择器:#2.class选择器:.3.标签选择器:标签名 优先级为:#>.>标签名 (二)组合选择器1.用逗号隔开.并列关系2.用空格隔开.后代关系.3.筛选:选择器.class选择器.

HTML CSS 层叠样式表 一

CSS,全拼Cascading Style Sheets,层叠样式表,用于控制html<body>的元素的样式和布局. 一.CSS的三种引用方式 1.内嵌 <div style="width:200px;height:200px;color:red;background-color:blcak"></div> 内嵌 样式为宽200像素,像素必须加px或者em或者百分比:宽度为200像素:字体颜色为红色:背景颜色为黑色:可以无限添加属性,用分号;隔开.

CSS层叠样式表(一)

一.css含义 层叠样式表,用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言.CSS目前最新版本为CSS3. 二.几种样式控制方式(就近原则) 1.行内样式 <body> <div style="color:red;"></div> </body> 2.内联样式 <head> <title>这是内联样式</title> <style type="text/css"

实验时css层叠样式表不更新的情况

自定义了CSS的样式,希望在页面中起作用.因为MVC中Views/Shared/_Layout.cshtml是所有试图的公共文件,如下: <!DOCTYPE html> <html> <head> <title>@ViewBag.Title</title> <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet"

CSS层叠样式表01

CSS(Cascading Style Sheets)层叠样式表 用于修饰HTML标签的样式 CSS注释 一般来说,CSS是一个独立的文件,由于它的内容是修饰HTML标签的样式,为了方便后期的维护和修改,所以我们人为使用注释说明当前样式的是用于修饰什么内容的 单行注释:/*注释文本*/ 多行注释:就是在单行注释中换行即可 /* 注释1 注释2 */ 养成习惯 /*这是首页的css样式文件(说明css文件的作用)*/ /*页面通用样式*/ /*顶部导航条样式*/ /*侧边菜单栏样式*/ CSS语法

CSS层叠样式表导读

1.1CSS层叠样式表导读: 能够说出什么是CSS 能够使用CSS基础选择器 能够设置字体样式 能够设置文本样式 能够说出CSS的三种引入方式 能够使用Chrome调试工具调试样式 目录: CSS简介 CSS基础选择器 CSS字体属性 CSS的引入方式 综合案例 Chrome调试工具 原文地址:https://www.cnblogs.com/GZ1215-228513-Chichy/p/12232095.html

HTML CSS 层叠样式表 二

一. #ID{ width:宽度px; height:高度px; background-color:red;      背景颜色的两种加法 background:rgba(x,x,x,x)  rgba颜色 最后一个值为透明度 1为不透明,0为全透明. background:url(图片.jpg) np-rereat; 背景图添加 repeat是平铺 background-image:url(图片.jpg); 背景图添加 background-size;100%; 背景图拉伸100%  几乎不会用

HTML CSS 层叠样式表 四

一.页面布局:div+css布局 1.<style > *{ margin:0px; padding:0px; } #ad{ width:100px; height:100px; background-color:red; position:fixed;       定位:固定定位,需要设置距离边框的距离:相对于浏览器窗口位置固定 right:0px; top:100px; } .class{ float:left;     流式布局:从左往右.right从右往左.如果有序号,也会从右往左排.

CSS层叠样式表的理解(一)

使用css时,很多的问题都出现在盒子模型,所以要深刻理解盒子模型,才能够做好css. 盒子模型: margin:外边距 与父亲标签的content边界之间的距离(可以认为content边界位置存在,但不占任何像素) border:边框 标签自身的边框的粗细 padding:内边距 标签与自己的子元素(孩子标签)的content边框的距离 content:数据 content的边框,数据的位置,不占任何像素,但位置确实存在. [不占任何像素,位置确实存在,这句话可以这么理解,当div标签中没有任何

CSS 层叠样式表

语法: 层叠样式表有着简单的语法并且使用一些英语关键词来指定各种样式属性的名字.一个样式表包括一系列规则.每个规则或者规则集包含一个或多个选择器和一个声明块. 选择器 在层叠样式表中,选择器经常用来声明部分标记样式,而这些标记样式通过匹配的标签和属性来运用到标签样式自身.选择器可以运用在: 所有指定类型的元素,例如, 第二级头标签 h2 由属性指定的元素,特别是 id:文档中独一无二的标识符 class:文档中独一无二的多元素组. 在文档数中,元素依赖其他元素的相对位置 类和ID都是大小写敏感的