zoukankan      html  css  js  c++  java
  • 01-css的引入方式

    在HTML中引入css方式总共有三种:

    1. 行内样式

    2. 内接样式

    3. 外接样式

         3.1 链接式

         3.1 导入式

    css介绍

    现在的互联网前端分三层:

    • HTML:超文本标记语言。从语义的角度描述页面结构
    • CSS:层叠样式表。从审美的角度负责页面样式
    • JS:JavaScript 。从交互的角度描述页面行为

    CSS:Cascading Style Sheet,层叠样式表。CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。

    css的最新版本是css3,我们目前学习的是css2.1

    接下来我们要讲一下为什么要使用CSS。

    HTML的缺陷:

    1. 不能够适应多种设备
    2. 要求浏览器必须智能化足够庞大
    3. 数据和显示没有分开
    4. 功能不够强大

    CSS 优点:

    1. 使数据和显示分开
    2. 降低网络流量
    3. 使整个网站视觉效果一致
    4. 使开发效率提高了(耦合性降低,一个人负责写html,一个人负责写css)

    比如说,有一个样式需要在一百个页面上显示,如果是html来实现,那要写一百遍,现在有了css,只要写一遍。现在,html只提供数据和一些控件,完全交给css提供各种各样的样式。

    行内样式

     <div>
            <p style="color: green">我是一个段落</p>
     </div>
    View Code

    内接样式

    <style type="text/css">
        /*写我们的css代码*/
            
        span{
        color: yellow;
        }
    
    </style>
    View Code

    外接样式-链接式

    1 <link rel="stylesheet" href="./index.css">
    View Code

    外接样式-导入式

    1 <style type="text/css">
    2         @import url('./index.css');
    3 </style> 
    View Code
  • 相关阅读:
    Encountered a section with no Package: header
    java的System.getProperty()方法能够获取的值
    谷歌技术&quot;三宝&quot;之MapReduce
    surfaceDestroyed什么时候被调用
    调用CachedRowSetImpl类时,为什么会出现这样的错误
    正則表達式举例(下)
    java中接口的定义与实现
    UVA 538
    编程算法
    3D空间包围球(Bounding Sphere)的求法
  • 原文地址:https://www.cnblogs.com/bai-max/p/9072681.html
Copyright © 2011-2022 走看看