div css笔记

Author：清风
发布时间：November 16, 2019
6107 views
5 comments
699 words
Categories： web

1.div css 相关的标签
行内元素： 可以同行排列
    a img span
块元素： 独占一行
    table form div ul li ol dl dt dd hn br p

<div></div>
列表元素：
    无序列表
    <ul type="disc实心圈 circle圆圈 square方块">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    有序列表
    <ol type="1数字 a小写字母 A大写字母 i希腊数字 I希腊数字">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>
    自定义列表
    <dl>
        <dt>11111</dt>
        <dd>22222</dd>
        <dt>11111</dt>
        <dd>22222</dd>
    </dl>
    
css 层叠样式表：修饰html div标签的

    1.标记中嵌入式
    <标记名称 style="样式名称:样式值;样式名称:样式值;......">
    2.页面嵌入style
    </head>
    <style type="text/css">
        选择器{
            样式
        }
    </style>
    <body>
    3.外部调用：引入样式文件
    <link type="text/css" rel="stylesheet" href="样式文件文件名称">

选择器的作用：定位页面元素的
常见的选择器有哪些：
    选择器{
        样式
    }
    * 通配符 选择页面所有元素
    *{
        
    }
    #id{ 利用元素的id="value"添加样式的 选择的是单个元素
        
    }
    .className{ 样式相通的元素（元素可以不相同） 选择多个元素
        
    }