2019年6月22日

摘要: 1. 基本概念: 视觉格式化模型:视觉格式化模型(visual formatting model): CSS的一种机制,它规定了页面中的多个盒子如何布局 注意:HTML中的每个元素都会在页面中生成盒子,这些盒子如何排列、如何相互影响,由视觉格式化模型定义 视口(viewport):可视窗口,通常指浏 阅读全文
posted @ 2019-06-22 19:01 boring333 阅读(141) 评论(0) 推荐(0)
摘要: 图片:img元素 src 属性:图片路径 alt 属性:图片无法显示时使用的替代文字 title (全局属性):鼠标悬停时显示的文字 全局属性:所有元素通用的属性 title 、 lang (该元素内使用的是什么自然语言) 视频:video元素 src 属性:视频路径 (推荐mp4) control 阅读全文
posted @ 2019-06-22 18:49 boring333 阅读(332) 评论(0) 推荐(0)
摘要: 表单 l 用form元素表示表单 l 用action属性表示表单提交地址 l 用method属性表示表单的提交方式 注意:在制作静态页面时,可以不用书写上述的属性 3. 表单元素: 对于静态页面开发者,表单只是一个普通的块盒,内部可以放置任何元素 通常情况下,表单中会放置一些可以与用户进行交互的元素 阅读全文
posted @ 2019-06-22 18:40 boring333 阅读(174) 评论(0) 推荐(0)
摘要: Day11.动画(6/10/19) 1. 2D转换: 通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 2D 转换方法: translate() rotate() scale() skew() matrix() div { transform: rotate(30deg); } 阅读全文
posted @ 2019-06-22 18:29 boring333 阅读(185) 评论(0) 推荐(0)

2019年6月9日

摘要: 美化盒子 1.美化文本 第一部分: 字体大小【font-size】 含义:字符框的高度 可继承 默认值:medium 取值 预设值【了解】 medium:中等字号 larger:大字号 smaller:小字号 数值 px【常用】:绝对字体大小 em【常用】:相对于父元素的字体大小,若没有父元素,则使 阅读全文
posted @ 2019-06-09 15:31 boring333 阅读(226) 评论(0) 推荐(0)
摘要: 弹性布局 一个盒子,如果将其display属性设置为flex,该盒子变为弹性盒(弹性容器),该盒子的 所有子元素,自动变为弹性项目。弹性盒本身按照自身的定位体系排列,弹性布局影响的仅 仅是弹性盒中的弹性项目 属性: flex-direction:更改主轴方向 l row 行 默认值 l row-re 阅读全文
posted @ 2019-06-09 15:30 boring333 阅读(363) 评论(0) 推荐(0)

2019年6月4日

摘要: 1. 页面的制作过程 ① 划分区域 ② 填充内容 如何划分区域: l 用合适的元素来表示不同的区域 l 设置区域的位置、尺寸、背景等样式 CSS 划分区域中的CSS知识: 每个元素都会在页面中生成一个矩形区域 CSS称该矩形区域为盒子(box) 盒子的相关知识: 盒模型 单个盒子的组成 视觉格式化模 阅读全文
posted @ 2019-06-04 10:53 boring333 阅读(237) 评论(0) 推荐(0)

2019年5月30日

摘要: 1.HTML与CSS的概述: HTML根据W3C定义,HTML全称HyperText Markup Language,用于定义文档内容结构 CSS 根据W3C定义,CSS全称Cascading Style Sheets,用于定义HTML文档的样式(外观) HTML: html元素又叫做根标记、根元素 阅读全文
posted @ 2019-05-30 14:14 boring333 阅读(729) 评论(0) 推荐(0)

2019年5月24日

摘要: 初来咋到愚昧无知,还望大家多多包涵。。。 阅读全文
posted @ 2019-05-24 11:30 boring333 阅读(91) 评论(0) 推荐(0)

导航