随笔分类 - HTML/CSS
摘要：现在很多笔记本电脑都推荐将缩放设置为125%，等比例放大显示。 这对我们前端的页面的布局会产生一些影响 首先，单独的响应式布局hold不住这个问题，因为出问题的是device-pixel-ratio。 问题现象是高分屏下整好的东西，在普分屏下会放大；而普分屏下整好的东西，在高分屏上会缩小。 重现这个
阅读全文
摘要：一.原生 AJAX 请求的示例 <script type="text/javascript"> // 在这里使用javaScript语言发起Ajax请求，访问服务器AjaxServlet中javaScriptAjax function ajaxRequest() { //1、我们首先要创建XMLHt
阅读全文
摘要：方式一：绝对定位 <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <style ty
阅读全文
摘要：一.HTML5的新特性 HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这 些新特性。 1.HTML5 新增的语义化标签 以前布局，我们基本用 div
阅读全文
摘要：一.精灵图 1.精灵图（sprites）的使用 使用精灵图核心： 精灵技术主要针对于背景图片使用。就是把多个小背景图片整合到一张大图片中。 这个大图片也称为 sprites 精灵图 或者 雪碧图 移动背景图片位置， 此时可以使用 background-position 。 移动的距离就是这个目标图片
阅读全文
摘要：CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。 选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式 属性和属性值以“键值对”的形式出现 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等 属性和属性值之间用英文“:”分开 多个“键值对”之间用英文
阅读全文
摘要：一.HTML基本结构标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me
阅读全文
