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

  • 相关阅读:
    HDU 1385 Minimum Transport Cost
    TOJ 3488 Game Dice
    TOJ 1717 WOJ
    POJ 2553 The Bottom of a Graph
    TOJ 1836 Play on Words
    利用OpenCV建立视差图像
    分享一个PyTorch医学图像分割开源库
    WACV 2021 论文大盘点-图像分割篇
    SolidWorks动画教程(1):简单动画制作
    VS2013安装及破解教程
  • 原文地址:https://www.cnblogs.com/liangdong/p/9605668.html
Copyright © 2011-2022 走看看