zoukankan      html  css  js  c++  java
  • css三种引入方式

    行内:标签内部

    head内 style标签

    link 引入外部 href rel="stylesheet"

    style type

    @IMPORT url();

    style

    .选择类

    #选择id

     一、三种css样式规则的定义语法(名称、语法、使用方式):
            1、标记选择器:标记名称{样式规则}
            p{
                // 样式规则
                color: red;
                background-color: green;
            }
            
            2、ID选择器:#ID名称{样式规则}
            
            3、类选择器:.类名称{样式规则}
            
            
            二、css的三种使用方式:
            1、行内样式:在标签体中使用style样式属性进行样式规则的定义
            
            2、内嵌样式:把样式规则嵌入到当前html网页中
            
            3、外部样式:把样式规则通过另一个文件进行定义
                导入外部样式:
                    a、link:放在<head>标签体中
                            <link rel="stylesheet" type="text/css" href="./styles.css">
                    b、import:需要放在<style type="text/css"></style>样式标签体中
                            <style type="text/css">
                                @IMPORT url("./css/csstest.css");
                            </style>
                            
            三、css样式使用的优先级:
                行内样式 > 内嵌样式 > 外部样式  (注意外部样式的link位置)

    1 <link rel="stylesheet" type="text/css" href="./css.css">
    1    <style type="text/css">
    2     @IMPORT url(css.css);
    3     </style>
    1 <style type="text/css">
    2     body{
    3     color:red;
    4     }
    5     </style>
    1 <body style="color:blue;">
    2     This is my HTML page. <br>
    3   </body>
  • 相关阅读:
    吐血巨献:VB网络编程(webbrowser+Inet+抓包封包+经验)
    亦思验证码识别系统3.1详解
    开机自动连接宽带程序
    轻松报选修智能报选修程序(适用于正方教学管理系统)
    低调发布一个百度谷歌关键字搜索工具
    解惑:Postmessage函数模拟鼠标单击指定坐标
    分享一些经典资源
    英文单词缩写查询
    css控制的个性导航栏
    导航栏中加入自动弹出下拉菜单
  • 原文地址:https://www.cnblogs.com/dongwenbo/p/3323858.html
Copyright © 2011-2022 走看看