- 博客(21)
- 收藏
- 关注
RSS订阅原创 display与浮动
display： ①none（默认，不显示不占位置） ②block（块级元素） ③inline（行内元素） ④inline-block（行内块级）------使用display会用空格，删除空格的两种方法：一：上一行的结束标签和下一行的开始标签放在同一行二：增加父类，给父类设置font-size为0px，如果子类有文字，记得在...
2018-12-25 17:31:55
775
原创 盒子模型
①设置屏幕满屏背景，用 html，body 设置 100%的宽高和背景颜色即可。②盒子在背景中设置垂直margin，则背景会塌陷，应该直接在背景中设置padding。③若使盒子居中，给盒子设置margin：0px（上下） auto（左右，居中自适应）④字的中间加 隔断 |，用border而非符号，用padding调距离。⑤word-spcing 改变单词之间的距离，lette...
2018-12-19 16:46:16
130
原创 盒子模型
① padding:用于控制内容与边框之间的距离; margin: 用于控制元素与元素之间的距离; ② margin垂直方向bug： 一、子元素设置margin-top父元素塌陷 1、在父元素设置margin-top（记得调整所要设置的距离）。 2、在父元素直接设置pading-top多远即可。 ...
2018-12-19 11:59:26
156
原创 border边框
① border：粗细 样式 颜色 （style：double双线 dashed虚线 dotted点状线条 solid实线）②border-radius 圆角边框 四个参数分别为：左上 右上 右下 左下③border-shad...
2018-12-19 11:26:47
302
原创 overflow 内容超过容器宽高之后，几种不同显示的方式
四种样式：1. visible 多余的超出部分在容器外显示 2.hidden 直接截断超出容器的多余部分3.scroll 出现两个滚动条，翻着看 4.auto 一个竖着的滚动条<!DOCTYPE html><htm...
2018-12-14 19:09:55
777
原创 背景 列表属性及鼠标类型
背景属性background-color 背景颜色 background-image背景图片 background-repeat背景重复（no-repeat不重复）background-position：设置背景图像的坐标 background-size背景图片的大小 ...
2018-12-14 16:30:50
100
原创 文本属性
注：letter-spacing 添加字母之间的空白 word-spacing 添加单词之间的空白 white-space：nowrap（强行显示一行）， text-overflow：ellipsis（省略） ， overflow：hidden（溢出，隐藏）三者齐用显示省略号text-shadow：左右 上下 ...
2018-12-13 16:46:35
175
原创 css文本水平对齐方式
baseline 默认sub 下标，和<sub>标签一样的效果super上标，和<sup>标签一样的效果top 顶端对齐text-top 文字顶端对齐middle 中线垂直对齐bottom 对象的底端与文字底部对齐text-bottom 文字对齐<!DOCTYPE html><html> <hea...
2018-12-13 15:47:21
3355
原创 white-space 空白格的处理方式
white-space 空白格的处理方式：pre保留空格不换行 nowrap不保留空格，强行一行显示。 pre-line不保留空格，保留换行，碰边换行。 pre-wrap保留空格，碰边换行。 <!DOCT...
2018-12-13 14:45:10
949
原创 颜色与字体属性
font-size 字体大小 font-style 斜体 font-weight 字体粗细（100-900，bold / bolder） line-height行高font-family字体 font简写：字体大小/行高 字体 <!DOCT...
2018-12-13 14:07:27
371
原创 伪类选择器 before-- ---after ！
在p之前或者之后添加内容，需用content，冒号，双引号，包括选择器里所有的定义内容，只对添加的内容有效。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="tex
2018-12-13 10:12:19
888
原创 css属性选择器
1.含有herf属性的2.属性值含有“1”的3.属性值以“p”开头的4.属性值以“1” 结尾的<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>属性选择器1210</title> <style type=&q
2018-12-13 09:52:55
82
原创 css伪类选择器练习
HTML文件 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href=&quo
2018-12-13 09:41:50
383
原创 css多元选择器
基础与组合选择器 ：多元 后代 子 相邻<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>
2018-12-13 09:31:18
144
原创 css基础选择器
基础选择器：1.通用选择器 2. 标签选择器 3.类选择器 4.id选择器<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>自己试的</title> <sty
2018-12-12 20:09:07
191
2
原创 音频视频的操作使用。
格式可选择video回车自动出来的多行，也可选择video标签的简便格式。src路径 controls控制台 loop循环播放 poster默认视频第一帧画面 autoplay自动播放audio音频，操作如上<!DOCTYPE html><html> <head>...
2018-12-11 20:36:14
178
原创 网页的构成组成部分
注：header头部 nav导航菜单（常放在头部里面）article内容 section（部分） aside（边）footer 脚部，底部<header style="background:lightcoral;"> 我是header <nav style="background: lightbl...
2018-12-11 19:49:57
3654
原创 input文本输入框的type类型
注：form标签为开头，placeholder为提示文字，value=“需要输入的值”form action=“路径”，method="get"固定格式。用form包括内容，否则不能提交。不同type类型的输入框是不同的：type=“text”输入框type=“password”密码点显示，type=“radio”单选框 type=“checkbox”复选框: ...
2018-12-11 18:34:55
5974
原创 表格的制作与注意事项
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>会员信息</title> </head> <body> <form action="表格测试.1.htm
2018-12-11 16:22:58
564
原创 顺序，表格练习
初学顺序与表格的运用方式：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style=
2018-12-10 16:25:20
158
原创 行内标签
常见的行内标签：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>测试</title> </head> <body> <b>山一程，水一程，身向
2018-12-08 10:05:34
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人