
html
༺༽༾ཊ方觉ཏ༿༼༻
仅是自己的理解,解释权归w3c所有。错了请提出大家相互学习
展开
-
01 HTML基础
HTML基础 1.介绍 前端是做什么的? web项目开发 项目经理 产品经理 前端 后端 运维 测试 DBA 我们的工作方向 web开发 移动端开发 微信小程序开发 服务端开发 游戏开发 云应用开发 什么是网页? 我们打开浏览器访问的一切内容,都是由网页构成。 简单点说,网页就是html。 html的概念定义 超文本标记语言(Hyper Text Markup Language),标准通用标记语言...原创 2019-08-25 18:18:32 · 124 阅读 · 0 评论 -
02 html5 基础
html5基础 前言介绍 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML工作团队。 定义 如果从狭义的角度来讲,HTML5就是HTML4的新一代产品。 而如果从广义的角度来讲,则是新一代的富客户端解决方案 发展史 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之...原创 2019-08-25 18:19:41 · 291 阅读 · 0 评论 -
03 html 表单和css入门
html表单和css入门 表单 form标签 method属性 get post action属性 name属性 input标签 type属性 text password submit submit是提交按钮起到提交信息的作用,type类型是button只起到跳转的作用,不进行提交。 button 创建一个普通的按钮 reset 重置 radio checkbox 属性 name value pl...原创 2019-08-26 07:47:06 · 94 阅读 · 0 评论 -
04.html布局方式之宽高自适应
布局方式之宽高自适应 什么是宽高自适应网页 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。 它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。 实现 宽度自适应 块级元素宽度为默认的auto 高度自适应 元素{height:auto;}/高度不写 最小宽度/最大宽度 min-width max-width 最小高度/...原创 2019-08-28 07:43:49 · 290 阅读 · 0 评论 -
05.html弹性盒子模型和多列布局
弹性盒子模型和多列布局 弹性盒子模型 介绍 在css2当中,存在标准模式下的盒子模型和IE下的怪异盒子模型。这两种方案表示的是一种盒子模型的渲染模式。 而在css3当中,新增加了弹性盒子模型,弹性盒子模型是一种新增加的强大的、灵活的布局方案。 弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白...原创 2019-08-28 07:45:08 · 566 阅读 · 0 评论 -
05 html响应式布局和移动端网页开发
响应式布局和移动端网页开发 响应式布局介绍 概念 伊桑·马科特(Ethan Marcotte)在2010年提出了响应式网页设计(RWD,Responsive Web Design)这个术语。 在他的一篇文章《Responsive Web Design · An A List Apart Article》中他将已有的三种发开技巧(弹性图片,弹性网格布局,媒体与媒体查询) 进行了整合,命名为响应式网页...原创 2019-08-30 07:55:06 · 229 阅读 · 0 评论 -
06 htm l图片整合和浏览器兼容
图片整合和浏览器兼容 什么是图片整合? 在网站开发当中,我们经常碰到需要图片的情况,而网页中的每一张图片的加载都相当于是发起了一次http请求 过多的http请求将直接导致网页加载速度的变慢,从而影响用户体验。 所以后来就出现了图片整合,而所谓的图片整合还有人称之为叫做雪碧图。就是将网站当中的小图片全部合并成一张大图,这样整个网站在请求这些小图片的时候就只需要发送一次http请求。 图片整合的好处...原创 2019-08-31 09:10:20 · 190 阅读 · 0 评论