- 博客(5)
- 收藏
- 关注
RSS订阅原创 前端学习笔记 - CSS - 5.高度塌陷
当父元素的高度由子元素的高度撑起时，子元素浮动后，父元素发生高度塌陷。<style type="text/css"> .parent{ border: 10px red solid; } .son{ width: 100px; height: 100px; background-color: pink; float: left; }</style><body> <div class="parent">
2020-06-29 23:55:44
168
原创 前端学习笔记 - CSS - 4.CSS三角形
1.定义一个四个不同颜色边框的盒子.box{ width: 100px; height: 100px; border: 10px solid; border-top-color: red; border-right-color: green; border-bottom-color: blue; border-left-color: pink; }2.改变边框大小，越大越像三角形.box{ width: 100px; height: 100px; bord
2020-06-29 17:33:14
91
原创 前端学习笔记 - CSS - 3.垂直水平居中
初始化html/css<style type="text/css"> *{ margin: 0; padding: 0; } .box1{ width: 400px; height: 400px; background-color: skyblue; position: relative; } .box2{ width: 200px; height: 200px; background-color: aliceblue; } </s
2020-06-29 17:16:25
102
原创 前端学习笔记 - CSS - 2.选择器
一. 复合选择器： 1. 交集选择器： 选择器1 选择器2 选择器3{} p h1 div{} 2. 选择器分组（并集）： 选择器1,选择器2,选择器3,选择器4{} p,h1,div,sapn{}二. 关系选择器： 1.子元素选择器： 父元素 > 子元素{} div>span{} 2.后代元素选择器： 祖先 后代{} div span{} 3.兄弟元素选择器：
2020-06-22 16:28:51
157
原创 前端学习笔记 - CSS - 1.阴影
前端学习笔记-CSS-1阴影：box-shadwshadw属性有四个参数：水平偏移，垂直偏移，模糊范围半径，阴影颜色。水平偏移<style type="text/css"> .box1{ width: 100px; height: 100px; background: #00FFFF; box-shadow:20px 0 0 black; }</style>2.垂直偏移<style type="text/css">
2020-06-22 14:03:30
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人