2022-07-10 第九小组张嘉源学习笔记

公告

View Post

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>z</title>
    <style>
        p {
            background: rgb(119, 5, 5);
        }
        /*声明一个样式，并起一个名字*/
        .bg {
            background:rgb(83, 83, 143);
        }
        #spring{
            background: rgb(253, 185, 196);
        }
        span{
            background-color: rgb(247, 221, 189);
        }
    </style>
</head>
<body>
    <p>I love html</p>
    <p style="background:rgb(103, 167, 103) ;">I love html</p>
    <div class="bg">I love html</div>
    <div id="spring">I love html</div>
    <span>I love</span>
</body>
</html>

th表头
tr行
td列

选择想要的标签，例如div，p
无论嵌套多少层，都可以找到 div p
直接子标签：选中div里面的直接子标签 div>p（div里面的p）
紧跟着div的p div+p
属性的名，选中页面上所有带有type的标签
type=text，具体的标签
type~=text，选中页面上type属性包含单词的所有元素

颜色：英文，rgb（红绿蓝），rgba（a：透明度0~1）；十六进制（1~0a~f）

重点：路径，
css的引入，三种方式，my.css
css三个特性
定位
盒子模型
pointer

定位

absolute:绝对定位当前文档流可以理解为上天了，参照物是已经定位的父级元素，偏移

relative：相对定位不会浮起来参照物是已定位的父元素，会占用原有位置，不会上天，父相子绝

static：文档流（默认）

fixed：浮动

overflow: hidden隐藏;overflow: scroll滚动条;overflow: visible;默认显示，溢出样式

浮动的元素会脱离原本的文档流，造成父元素的高度坍塌

包围图片和文本的div不占用空间，使用了浮动的元素，后面紧跟他的元素会完全错乱

posted on 2022-07-11 21:52 林钟朔一阅读(21) 评论(0) 收藏举报

刷新页面返回顶部

lzsykal

公告

View Post

2022-07-10 第九小组 张嘉源 学习笔记

2022-07-10 第九小组张嘉源学习笔记