zoukankan      html  css  js  c++  java
  • 2.CSS的三种样式[内联样式,内部样式,外部样式](菜鸟学前端)

    1.内联样式(直接在body中写代码)(不推荐)

     <div style="color: chartreuse;">呼呼哈嗨</div>

    2.内部样式(在head中定义,然后在body中调用,定义名和调用标签必须一致)(适用于单个页面的设计)

    <head>

    <style> 
    div_2
    {
        color:red;
    }
    </style>
    </head>
    <body>
    <div_2>呼哈哈嗨</div_2>
    </body>

    3.外部样式(额外建立一个CSS文件夹,在里面文件中写好style定义的内容,写法与内部样式的head中写法一致,而后再HTML页面利用link标签进行调用CSS文件。)

    (1)在html头部写link语句调用例:

    <link rel="stylesheet" type="text/css" href="css/a.css">
    或者直接利用style标签借助import导入
    如:<style> @import "css/a.css";</style>

    (2)新建文件夹css,在css文件夹中新建后缀名为css的文件,而后在里面定义所需要的的标签特性,如

      div{
            color:gold;
            }
      注意:在css文件中写时,只需定义即可,无需在写<style>标签
    (3)在html的body中调用所定义好的标签,如<div>呼呼哈嗨</div>
  • 相关阅读:
    什么是遍历?
    jQuery 尺寸 方法
    jQuery 操作 CSS
    删除元素/内容
    通过 after() 和 before() 方法添加若干新元素
    通过 append() 和 prepend() 方法添加若干新元素
    四个 jQuery 方法:
    设置内容
    jQuery 属性选择器
    jQuery 元素选择器
  • 原文地址:https://www.cnblogs.com/wang-yong-kang0/p/13130021.html
Copyright © 2011-2022 走看看