- 博客(7)
- 收藏
- 关注
原创 盒子模型
1.什么是盒子模型?在页面中所以的所有元素,都可以看成矩形的盒子;2.盒子模型的组成:内容(就是盒子里面装的东西)——>盒子框(盒子本身)——>内边距(内容与盒子框之间的距离)——>外边距(盒子与盒子之间的距离);/*鞋盒装了鞋子 堆在一起内容:鞋子内边距:鞋子与鞋盒之间放了 报纸盒子框: 鞋盒外边距:鞋盒与鞋盒之间的距离*/3.盒子框...
2019-12-05 13:19:08 187
原创 CSS连接状态样式改变及列表样式优化
一.通过伪类定义<a>,的四种状态:1.初始状态——>被访问状态——>鼠标移动状态——>点击状态;a:link {/*初始状态*/}a:visited { /*被访问状态*/}a:hover { /*鼠标移动状态*/}a:active { /*点击状态*/}<!DOCTYPE html><htm...
2019-12-05 12:57:09 274
原创 CSS字体实例的多种变换
1.改变浏览器中字体:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-12-05 12:48:09 183
原创 CSS背景使用方法
1.背景相关的属性——>所有标签都具有的CSS属性:1.1.背景可以设置成某种颜色:body { background-color: red;}1.2.背景可以设置成某张图片body { background-image: url('123.jpg');}1.2.1~1.2.2. 背景是平铺的,只沿着x或y 轴平铺body { ba...
2019-12-05 12:14:59 607
原创 CSS伪元素选择器
1.伪元素选择器——>伪元素:假的(不是自己写的)——>例如:开始before 结束after<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...
2019-12-04 17:11:19 162
原创 CSS属性选择器
1.属性选择器——>基本s[属性]<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-12-04 16:19:46 99
原创 CSS组合选择器
1.什么是组合选择器?把基本选择器 、通过特殊符号串连在一起 ;1.分组选择器——>把多个选择器用,隔开——>div,p,ul<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" co...
2019-12-04 11:42:02 188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人