自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 网页的底部案例

网页的底部案例

2022-04-30 17:41:34 368

原创 盒子模型完成--新浪导航优化

新浪导航的优化

2022-04-24 00:28:17 120

原创 浮动-总结

这里写目录标题浮动的作用浮动的特点三级目录 浮动的作用 早期:图文环绕 现在的作用:用于页面布局,让垂直的盒子变成水平布局 <!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

原创 盒子模型完成--新浪导航优化

盒子模型案例-新浪导航

2022-04-16 16:51:17 63

原创 盒子模型案例-新闻列表

盒子模型案例-新闻列表

2022-04-16 16:12:51 612 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除