2020年3月5日
transition动画
摘要： 1.transition-property设置过度的属性，比如：width height background-color 2.transition-duration 设置 过度的时间 比如1S500MS 3.transition-timing-function设置 过度运动的方式，常用的有：lin 阅读全文
posted @ 2020-03-05 16:32 地平线你好 阅读(120) 评论(0) 推荐(0)
CSS3 animation动画
摘要： 1.@keyframes 定义关键帧动画 2.animation-name 动画名称 3. animation-duration 动画时间 4.animation-tining-function 动画曲线 linear（匀速） ease 缓冲 steps步数 5.animation-delay 延迟 阅读全文
posted @ 2020-03-05 11:48 地平线你好 阅读(100) 评论(0) 推荐(0)
2020年1月21日
3.6 关于定位
摘要： 我们可以使用CSS的postion属性来设置元素的定位，postion的设置如下： 1.relative 生成相对定位元素，元互所占据的文档流的位置保留，元素本身相对自身原位置偏移； 2.absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于上一 阅读全文
posted @ 2020-01-21 11:19 地平线你好 阅读(91) 评论(0) 推荐(0)
2020年1月6日
使用UL和LI来完成菜单
摘要： 代码如下 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用ul和li来完成菜单</title> <style> .menu{ width: 693px; height: 50px; background- 阅读全文
posted @ 2020-01-06 20:12 地平线你好 阅读(507) 评论(0) 推荐(0)
3.4 内联块元素
摘要： 3.4.1 行人块元素，可以用display转换； a.支持全部的样式 b.宽高由内容决定 c. 盒子并在一行 d.代码换行，盒子之间会产生间隙 el.子元素是内联元素，父元素可以用text-align属性设置元素水平对齐方式 3.4.2 解决内联元素之间的间隙的方法 a.去掉内联元素之间的换行 b 阅读全文
posted @ 2020-01-06 13:50 地平线你好 阅读(70) 评论(0) 推荐(0)
2020年1月4日
3.3 块元素 内联元素 内联块元素
摘要： 元素就是标签，布局中常用的有三种标签，块元素 、内联元素、内联块元素 3.3.1 块元素 块元素，也可以称为行元素，布局中常用的标签有:div \ p\ ul\ li \h1-h6\ dl\ dt\ dd等都是块元互；它在布局中的行为： a.支持全部的样式 b.如果没有设置宽度，那么默认的宽度为父级 阅读全文
posted @ 2020-01-04 13:26 地平线你好 阅读(125) 评论(0) 推荐(0)
3.2 元素溢出
摘要： 3.1.1 什么是元素的溢出 当子元素尺寸超过父元素尺寸时，需要设置父元素显示溢出的子元素的方式，一般使用overflow属性来设置； overflow的设置项： 1.overflow:visible 默认值，内容不会被修改，会呈现在元素框之外； 2.hidden 内容会被修剪，并且其余内容不可见， 阅读全文
posted @ 2020-01-04 10:17 地平线你好 阅读(187) 评论(0) 推荐(0)
3.1 margin-top塌陷
摘要： 3.1.1 在两个盒子嵌套时，内部的盒子设置的margin-top会加到外部的盒子上，导致内部盒子的margin-top设置失败，解决方法如下： 1.外部盒子设置一个边框 2.外部盒子设置一个overfow:hidden 3.使用伪元素类 <html lang="en"> <head> <meta 阅读全文
posted @ 2020-01-04 10:00 地平线你好 阅读(90) 评论(0) 推荐(0)
2019年10月31日
3.3 简单web服务器的实现
摘要： 3.3 简单web服务器的实现 3.3.1 返回固定页面的HTTP服务器 3.3.2 TCP 3次握手、4次挥手 3.3.2 返回浏览器需要的页面 返回固定页面的重要知识点 3.准备浏览器数据index.html 阅读全文
posted @ 2019-10-31 09:13 地平线你好 阅读(155) 评论(0) 推荐(0)
2019年10月30日
正则表达工
摘要： Web服务器 3.1 3.1.1 正则表达式 3.1.2 re模块示例（匹配以itcast开头的语句） 运行的结果是： 3.1.3 匹配单个字符 3.1.4 匹配多个字符 示例1 匹配第一个字母为大写，第二个字符小写可有可无 运行后的结果为 示例2：判断变量名是否符合要求 运行结果 3.1.5 匹配 阅读全文
posted @ 2019-10-30 13:24 地平线你好 阅读(145) 评论(0) 推荐(0)