zoukankan      html  css  js  c++  java
  • css基础

    css的样式格式: 

       样式属性名:样式值;

       样式属性名:样式值;

    css的三种写法:

    1.内联(行内)(不推荐使用)

         写在标签内  以属性的形式表现  属性名  style

    <div style="color:red;background:blue;">
                jajdaldasl
    </div>

    字体颜色为红色,div背景颜色为蓝色

    2.内嵌

       写在head标签里面 以标签的形式出现 标签名style

        <head>
            <meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                #pp>input{
                    color:yellow;
                }
            </style>       
        </head>

    id为pp的父标签下的所有input直接子标签

    3.外部引用:样式写在一个文件(.css)里面,通过引用加载到本页面

       写在head标签里面 以标签的形式出现 标签名link

    <link rel="stylesheet" type="text/css" href="你想要加载的css文件"/>

    23都需要用到选择器

    选择器格式:

    选择器{

       样式属性名:样式值;

       样式属性名:样式值;

    }

    选择器的分类:
    通用选择器 *
    标签选择器 标签名
    id选择器 通过id的值来找 #pp
    class选择器 通过class的值来找 .div .dd
    属性选择器 通过属性来找 input[name="uid"]
    ...
    并列选择器 关键符号 , 选择器,选择器:#pp,#dd{}
    子元素选择器 关键符号 空格 #pp input #pp>input

    优先级(权值): 相同选择器 后面覆盖前面
    行内 1000
    id 100
    class 10
    标签名 1
    * 0

  • 相关阅读:
    epoll讲解
    Majority Element
    Excel Sheet Column Title
    Git链接到自己的Github(2)进阶使用
    Git链接到自己的Github(1)简单的开始
    直接管理内存
    Oracle 11g 编译使用BBED
    Oracle数据库该如何着手优化一个SQL
    Oracle配置数据库诊断
    Oracle 数据库重放(Database Replay)功能演示
  • 原文地址:https://www.cnblogs.com/liangdong/p/9605668.html
Copyright © 2011-2022 走看看