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

posted @ 2018-09-13 21:58  梁栋  阅读(90)  评论(0)  编辑  收藏  举报