05 2020 档案
摘要:一、CSS3 CSS3现状 在CSS2的基础上新增(扩展)样式 移动端支持优于PC端 不断改进中 应用相对广泛 二、CSS3选择器 2.1 属性选择器(权重是10) <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
阅读全文
摘要:一、什么是HTML5 1.1 HTML5 简介 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素、属性和行为 XHTML可扩展超文本标记语言 是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求,基础班学习
阅读全文
摘要:一、首先把 fonts文件夹放入我们 根目录下 二、 html标签内里面添加结构 <span></span> 三、 在样式里面声明字体: 告诉别人我们自己定义的字体(一定注意字体文件路径的问题) @font-face { font-family: 'icomoon'; src: url('font
阅读全文
摘要:一、网站图标favicon.ico 1.首先把favicon.ico 这个图标放到根目录下。 2.再html里面, head 之间 引入 代码。 > <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 注意:对ico文
阅读全文
摘要:**目标** * 理解 * 能说出元素显示隐藏最常见的写法 * 能说出精灵图产生的目的 * 能说出去除图片底侧空白缝隙的方法 * 应用 * 能写出最常见的鼠标样式 * 能使用精灵图技术 * 能用滑动门做导航栏案例 一、元素的显示与隐藏 目的: 让一个元素在页面中消失或者显示出来 类似网站广告,当我们
阅读全文
摘要:当块级元素(block)的上外边距(margin-top)和下外边距(margin-bottom)同时都有设定时只会只会保留最大边距,这种行为称为边界折叠(margin collapsing),有时也翻译为外边距重叠。、 设定float和position=absolute(包括固定定位fixed,但
阅读全文
摘要:CSS 解决img底部空白间隙 参考链接:https://www.jianshu.com/p/e7373c2bbef1 前言 img一直以来有一个很大的问题就是底部空白间隙,一直以为是img默认样式造成的,后来查了相关的资料,才弄清楚为什么会产生这样的结果。 首先仔细看下图中的边框与img的间隙。
阅读全文
摘要:定位 目标 * **理解** * 能说出为什么要用定位 * 能说出定位的4种分类 * 能说出四种定位的各自特点 * 能说出我们为什么常用子绝父相布局 * **应用** * 能写出淘宝轮播图布局 一、CSS布局的三种机制 网页布局的核心 —— 就是**用 CSS 来摆放盒子位置**。 CSS 提供了
阅读全文
摘要:- **记忆** - 能够说出 CSS 的布局的三种机制 - **理解** - 能够说出普通流在布局中的特点 - 能够说出我们为什么用浮动 - 能够说出我们为什么要清除浮动 - **应用** - 能够利用浮动完成导航栏案例 - 能够清除浮动 - 能够使用PS切图工具 注意:浮动是压不住图片和文字的,
阅读全文
摘要:css学习三大重点:CSS盒子模型、浮动、定位 看透网页布局的本质: - 首先利用CSS设置好盒子的大小,然后摆放盒子的位置。 - 最后把网页元素比如文字图片等等,放入盒子里面。 - 以上两步 就是网页布局的本质 一、盒子模型 * 盒子模型有元素的内容、边框(border)、内边距(padding)
阅读全文
摘要:一、CSS复合选择器 CSS选择器分为 基础选择器 和 复合选择器,基础选择器不能满足我们实际开发中,快速高效的选择标签 学习CSS复合选择器的目的是:可以选择更准确更精细的目标元素标签 复合选择器是由两个或者多个基础选择器,通过不同的方式组合而成的 1.1 后代选择器 其写法就是把外层标签写在前面
阅读全文
摘要:一、浏览器内核: 二、WEB标准 由于浏览器内核不同,它们显示页面或者排版就会有差异,遵循web标准可以让我们写的页面在不同的浏览器中更同意 让web的发展前景更广阔 内容能被更广泛的设备访问 更容易被搜索引擎搜索 降低网站流量费用 使网站更易于维护 提高页面浏览速度 web标准是由w3c组织和其他
阅读全文
摘要:一、表格——<table></table> 1.1 创建表格 表格的作用:表格不是用来布局的,而是用来展示数据的,可以让数据显示整齐规范 表格的基本结构组成:表格(table)、行(tr)、单元格(td) 1.2 表格属性 1.3 表头单元格标签 <th></th> th也是一个单元格,只不过与普通
阅读全文
摘要:HTML只关注内容的语义,有很大的局限性 CSS的作用:网页的美容师 一、CSS概念和作用 概念:CSS(Cascading Style Sheets)CSS样式表/层叠样式表/级联样式表 作用: 用于设置HTML页面的文本内容(字体、大小、对齐方式等等)、图片的外形(宽高、边框样式、边距等)以及版
阅读全文
摘要:使用ajax技术发送请求代码比较繁琐,因此我们自己封装了ajax函数 但是在jQuery这个库中也封装了ajax方法,而且jQuery封装的方法要比我们自己封装的方法功能上更加强大 一、 $.ajax() 作用:发送ajax请求 $.ajax({ type: 'get', url: 'http://
阅读全文
摘要:一、同源政策 同源政策的目的 二、CORS:跨域资源共享 CORS:跨域资源共享(Cross-origin resource sharing),它允许浏览器向跨域服务器发送ajax请求,克服了ajax只能同源使用的限制 当浏览器发现请求是跨域请求时,会在自动请求头加入origin字段,服务器端会根据
阅读全文