2019年10月7日
HTML-复杂动画和变形
摘要： 1、复杂动画 （1）涉及到的属性： animation-name：动画名称； animation-duration：单次动画总时长； animation-timing-function：时间函数； animation-delay：播放前延时的时长； animation-iteration-count 阅读全文
posted @ 2019-10-07 10:29 cz11 阅读(777) 评论(0) 推荐(0) 编辑
HTML-简单动画
摘要： 简单动画 （1）简单动画通常称之为“过渡transition” Transition-property：需要过渡的属性，但是并非所有的属性都支持过渡。 Transition-duration：过渡的时间； 简写：transition：all 时间； （2）渐变时间函数 Transition-timi 阅读全文
posted @ 2019-10-07 00:44 cz11 阅读(4717) 评论(1) 推荐(0) 编辑
2019年9月29日
HTML-美化
摘要： 1、美化文本 1.1第一部分 font-size：字体大小，常用em、px、%、rem作单位，预设值small、large、medium，可继承， font-weight：加粗字体，属性为bold，加粗字体，（100-900之间的数值也可以）或者设置700（与bold效果相同），400是正常情况，1 阅读全文
posted @ 2019-09-29 12:36 cz11 阅读(2019) 评论(0) 推荐(0) 编辑
HTML-图片和多媒体
摘要： 1、图片和多媒体 （1） 图片：img元素 src 属性：图片路径； alt 属性：图片无法显示时使用的替代文字； title：鼠标悬停时显示的文字 ； （2） 视频：video元素 src 属性：视频路径 ； controls 属性：【布尔属性】指定后，会显示播放控件； autoplay ：【布尔 阅读全文
posted @ 2019-09-29 12:29 cz11 阅读(457) 评论(0) 推荐(0) 编辑
2019年9月22日
HTML弹性布局
摘要： 1、弹性布局的使用 （1） display：flex；给父容器添加这个属性； （2） display:flex; 容器添加弹性布局后，显示为块级元素； display:inline-flex; 容器添加弹性布局后，显示为行级元素； （3） 设为 Flex布局后，子元素的float、clear属性将失 阅读全文
posted @ 2019-09-22 18:49 cz11 阅读(7336) 评论(0) 推荐(0) 编辑
HTML定位——绝对定位和相对定位、固定定位
摘要： 1、绝对定位 绝对定位指的是通过规定HTML元素在水平和垂直方向上的位置来固定元素，基于绝对定位的元素不会占据空间。 绝对定位的位置声明是相对于已定位的并且包含关系最近的祖先元素。如果当前需要被定为的元素没有已定位的祖先元素作为参考值，则相对于整个网页。 position：absolute； 1 < 阅读全文
posted @ 2019-09-22 18:27 cz11 阅读(14296) 评论(1) 推荐(0) 编辑
2019年9月15日
HTML定位和布局----float浮动
摘要： 1、定位体系一共有三种 （1）常规流； （2）浮动定位 （3）绝对定位 2、float属性常用的语法： （1）float：left；左浮动 （2）float：right；右浮动 （3）float：none；无浮动 任何元素都可以使用浮动，无论是块级元素div、ul等等，还是行内元素都可以浮动，任何被 阅读全文
posted @ 2019-09-15 12:15 cz11 阅读(2718) 评论(0) 推荐(1) 编辑
CSS层叠
摘要： 1、层叠的含义： 声明冲突是多个相同的CSS声明(属性)，应用到同一个元素上，层叠是一种机制，用于解决CSS声明冲突 2、层叠的过程： 每一个声明都有一个优先级，当发生冲突时，优先级高的会被保留，优先级低的会淘汰，一个声明的优先级与他的来源和重要性有关。 若属性后面跟上【！important】，则表 阅读全文
posted @ 2019-09-15 10:59 cz11 阅读(243) 评论(0) 推荐(1) 编辑
2019年9月8日
HTML-css样式引用方式
摘要： 1、使用行内样式表 语法：在标签内部写入一个style属性。 优点：没有样式表文件，在某些时候可以提高效率； 优先级高。 缺点：多个页面难以共享样式，不利于代码复用； HTML和CSS代码混杂，不利于程序员和搜索引擎阅读。 2、使用内部样式表 语法：在head标签写一个style标签，在style标 阅读全文
posted @ 2019-09-08 16:24 cz11 阅读(3648) 评论(0) 推荐(2) 编辑
认识HTML和CSS
摘要： 1、认识HTML标记 HTML的全称是Hyper text markup language,超文本标记语言，用于定义文档的内容结构。在HTML中，所有的标记都是成对出现的。 <html>标记：是HTML文档的根元素，放在开头，表示网页文档的开始。 <head>标记：出现在文档的起始部分，标明文档的头 阅读全文
posted @ 2019-09-08 15:48 cz11 阅读(427) 评论(0) 推荐(1) 编辑