- 博客(9)
- 收藏
- 关注
原创 浮动-总结
这里写目录标题浮动的作用浮动的特点三级目录 浮动的作用 早期:图文环绕 现在的作用:用于页面布局,让垂直的盒子变成水平布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=
2022-04-21 22:14:35 225
原创 小米登录页面
1.添加版心:container .container { /*设置版心: 只设置宽度和背景色.高度由内容决定 */ width: 357px; background-color:pink; margin: 100px auto; } 2.添加logo h1标签(+a 标签)<h1></h1> 背景面添加logo图片和背景色 ...
2022-04-17 23:14:30 845
原创 盒子模型完成-卡片模块
<!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>...
2022-04-17 05:16:00 306
原创 -盒子模型
盒子模型学习目标盒子模型的介绍内容区域(content)边框区域(boder)盒子实际大小的初级计算内边距区域(padding)盒子实际大小的终极计算CSS3盒模型(自动内减)外边距(margin)外边距正常情况外边距折叠现象 – 合并现象外边距折叠现象 – 塌陷现象 学习目标 能够说出盒子模块的四大组成部; 能够掌握盒子模型的边框.内边距.外边距的作用和简写形式; 能够计算盒子的实际大小; 能够说出CSS3盒模型的代码; 能够说出外边距折叠现象-塌陷现象的解决方法; 盒子模型的介绍 盒子的概
2022-04-17 05:07:47 154
原创 CSS选择器的进阶
@TOC CSS选择器的进阶 能够使用复合选择器在HTML中选择元素 能够使用Emmet语法提高编码速度 能够使用hover伪类选择器设置鼠标悬停的状态 能够使用结构伪类选择器找到偶数、奇数个li标签 复合选择器 作用:在选择器1所在的后代中,找到选择器2,并且设计它的样式 注意:后代包括:儿子 孙子 重孙子… 选择器与选择器之间通过空格隔开 !DOCTYPE html> <html lang="en"> <head> <meta charse
2022-04-16 19:03:38 253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人