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. maven and dubbo

    maven是什么 maven是一个项目管理和构建自动化工具. 核心概念 pom (project object model) mvn compile 编译 mvn package 编译成一个jar的包 ...

  2. 「雕爷学编程」Arduino动手做(12)——霍尔磁力模块

    37款传感器和模块的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是不止37种的.鉴于本人手头积累了一些传感器与模块,依照实践出真知(动手试试)的理念,以学习和交流为目的,这里准备 ...

  3. 剑指Offer01之二维数组中查找目标数

    剑指Offer之二维数组中查找目标数 题目描述 ​ 在一个二维数组中(每个一维数组的长度相等),每一行都是从左到右递增的顺序排序,每一列都是从上到下递增的顺序排序,输入这样一个二维数组和一个整数,判断 ...

  4. day05:数组与字典常识(20170217)

    #1:数组功能的使用:print ("a4A".isdecimal()) #print ("18".isdigit()) #判断是否是数字print (&quo ...

  5. urllib全解

    Urllib库的基本使用 转载1 博客园  python修行路:https://www.cnblogs.com/zhaof/p/6910871.html 转载2csdn          原文链接:h ...

  6. BZOJ1018线段树

    1018: [SHOI2008]堵塞的交通traffic Time Limit: 3 Sec  Memory Limit: 162 MBSubmit: 3489  Solved: 1168[Submi ...

  7. vscode环境配置(三)——解决控制台终端中文输出乱码

    由于系统终端默认编码为GBK,所以需要修改为UTF-8 方法一 打开cmd输入chcp查看编码格式,查看以及修改如下图所示: 方法二

  8. SpringCloud(二)- Consul介绍、安装、使用

    唯能极于情,故能极于剑有问题或错误请及时联系小编或关注小编公众号 “CodeCow”,小编一定及时回复和改正,期待和大家一起学习交流 此文由四部分组成(Consul简介.安装.实操.总结),别着急,慢 ...

  9. 解决ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO)

    ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO) 这种问题需要强行重新修改密码,方法 ...

  10. PIC单片机的i2c的程序

    #include<pic.h>#define uchar unsigned char#define uint unsigned int#define add 0xaa__CONFIG(0x ...