1、CSS简介

　　CSS全称Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”，通常称为CSS样式或者样式表。CSS是一些纯文本内容，文件格式为.css。

2、CSS特点

　　（1）丰富的样式定义：

　　　　　　a、CSS提供了丰富的文档样式外观，一级设置为本和背景属性的能力；

　　　　　　b、允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容的距离；

　　　　　　c、允许改变文本的大小写方式、修饰方式以及其他页面效果。

　　（2）易于使用和修改（CSS的三种样式，相同权值下的优先级为a > b > c）：

　　　　　　a、将其样式定义在HTML元素的style属性上（内联式 / 内嵌样式）；

　　　　　　b、将其定义在header部分（嵌入式 / 内部样式表）；

　　　　　　c、将其 声明在一个专门的CSS文件中（外部式 / 链入样式表）。

　　　　　　d、在html页面的head里面的style元素中使用@import语句导入html页面（导入样式表）

　　　　　　　　

<head>

    <style>

        @import "test.css"

    </style>

</head>

　　（3）多页面应用：

　　　　　　CSS样式表可以单独存放在一个CSS文件中，这样就可以多页面使用同一个样式表。理论上样式表不属于任何页面文件，任何页面中 都可以将其引用，这样就可以实现多个页面风格统一。

　　（4）层叠：

　　　　　　简单的说，层叠式对一个元素多册设置同一个样式，这样就会在最后一次设置的属性值才被使用，即样式重写。

　　（5）页面压缩：

　　　　　　a、将样式声明单独放到CSS样式表中，可以大大减小页面体积，这样大大减少了页面加载时间；

　　　　　　b、CSS样式表的复用更大程序的减少页面体积，减少下载时间。

3、CSS优势

　　（1）Web页面样式与结构分离

　　（2）页面下载时间更快

　　（3）节省开发和维护成本

　　（4）令人满意的版面样式控制

　　（5）轻松创建及编辑

　　（6）兼顾打印和Web页面设计

　　（7）较好地控制元素在Web页面中的位置

　　（8）有利于搜索引擎的搜索

4、给特定浏览器提供不同样式

　　（1）条件注释

　　　　　　<!--[if IE]>

　　　　　　　　这里是正常的html代码  /  样式表

　　　　　　<![endif]-->

　　　　　　

　　　　　表达式可选值：

　　　　　　　　lte　　　　小于或等于

　　　　　　　　lt　　　　  小于

　　　　　　　　gte　　　　大于或等于

　　　　　　　　gt　　　　  大于

　　　　　　　　！　　　　  不等于

　　　　　　

CSS 简介/特点/优势/给特定浏览器提供不同样的更多相关文章

  1. css 框架——base.css，作用是重设浏览器默认样式和提供通用原子类。自己留存

    今天发下我自己的 css 框架——base.css,作用是重设浏览器默认样式和提供通用原子类. @charset "utf-8"; /*! * @名称:base.css * @功能 ...

  2. Htmlt_Div+Css简介

    DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV ...

  3. 【CSS简介、基础选择器、字体属性、文本属性、引入方式】前端小抄(2) - Pink老师自学笔记

    [CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面 ...

  4. CSS 简介

    CSS 简介 需要具备的基础知识 在继续学习之前,你需要对下面的知识有基本的了解: HTML XHTML CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义 ...

  5. CSS简介，基础选择器，字体属性，文本属性

    欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...

  6. html5快速入门（二）—— CSS简介

    前言: 1.HTML5的发展非常迅速,可以说已经是前端开发人员的标配,在电商类型的APP中更是运用广泛,这个系列的文章是本人自己整理,尽量将开发中不常用到的剔除,将经常使用的拿出来,使需要的朋友能够真 ...

  7. div+css兼容 ie6_ie7_ie8_ie9_ie10和FireFox_Chrome等浏览器方法

    1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不要换行   ...

  8. CSS那些事儿-阅读随笔1（CSS简介与选择符）

    最近开始详细钻研CSS有关的知识,参考资料是<CSS那些事儿>.将把在此过程中的收获进行记录,方便以后的学习. 一.CSS简介 1.什么是CSS CSS全称为Cascading Style ...

  9. CSS 简介、 选择器、组合选择器

    #CSS 装饰器引入<!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...

随机推荐

  1. 我，不是说了PID要平均值吗？

    前几日写了一篇PID算法学习笔记,并幻想了一个场景进行算法仿真.经过不断探索后,博主发现,PID算法的精髓不在算法逻辑,而在于PID三个参数的值.本篇随笔将延续上次的仿真实验进行调试,总结PID调参的 ...

  2. 5.8 Go 单元测试

    5.8 Go 单元测试 如果你不想后半生的美好时光都在寻找BUG中度过,那么必须写些程序用来检测产品代码的结果和预期的一样. Go语言的测试依赖于go test测试命令和一组按约定方式编写的测试函数, ...

  3. Hbase2.0-源码阅读环境

    最近准备开始研究Hbase源码,因为第一次研究源码,所以做片笔记,踩坑踩的很耗时. 1.我用的IDE是IDEA,本地window需要配置JDK,MAVEN,HADOOP环境 2.上GitHub下载Hb ...

  4. search（16）- elastic4s-内嵌文件：nested and join

    从SQL领域来的用户,对于ES的文件关系维护方式会感到很不习惯.毕竟,ES是分布式数据库只能高效处理独个扁平类型文件,无法支持关系式数据库那样的文件拼接.但是,任何数据库应用都无法避免树型文件关系,因 ...

  5. [推荐]大量 Blazor 学习资源（一）

    前言 / Introduction Blazor 是什么? Blazor 允许您使用 C# 而不是 JavaScript 构建交互式 Web UI. Blazor 应用由使用 C#.HTML 和 CS ...

  6. 【谎言大揭秘】Modin真的比pandas运行更快吗？

    最近看了某公众号文章,推荐了所谓的神器,据说读取速度吊打pandas,可谓牛逼,事实真是这样吗? 来一起揭秘真相. 首先安装包. # pip install ray # pip install das ...

  7. PHP设计模式(一)

    1)工厂模式 工厂模式是用工厂方法生成对象,而不是直接new一个对象.假设我们在Config命名空间下有一个名叫Db的数据库操作类,用普通的方法,如果我们想去创建一个Db的对象,我们会直接new一个出 ...

  8. .Net Core实现区块链初探

    区块链这么火,咱也跟个风.   一.前言 最近,银行总行关于数字货币即将推出的消息频传,把BTC也带得来了一波反弹. 借着这个风,我们也研究一下区块链.   通常大家说到区块链,实际包括两部分概念: ...

  9. [注]6W运营法则教你盘活社区内容运营

    社区运营人员大体分为两种:一种是内容运营,这类人才基于产品,一般对文字以及对广告文案比较敏感:另外一种则是更多基于产品推广运营,前者需要把内容最大化地曝光,后者则是把产品推送给用户,两者的是相辅相成, ...

  10. python 验证码处理

    一. 灰度处理,就是把彩色的验证码图片转为灰色的图片. 二值化,是将图片处理为只有黑白两色的图片,利于后面的图像处理和识别 # 自适应阀值二值化 def _get_dynamic_binary_ima ...