03 2022 档案
摘要:使用方法:按“F12”进入开发者工具,将以下js复制到 console,回车即可一键打印。 (function doPrint(){ 'use strict'; var articleBox = $("div.article_content"); articleBox.removeAttr("sty
阅读全文
摘要:移动web开发之rem布局 rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是2
阅读全文
摘要:移动web开发流式布局 1.0 移动端基础 1.1浏览器现状 PC端常见浏览器:360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。 移动端常见浏览器:UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器,搜狗手机浏览器,猎豹浏览器,以及
阅读全文
摘要:HTML5 一、什么是 HTML5 HTML5 的概念与定义 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一个新版本的 HTML 语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指: HTML5 、C
阅读全文
摘要:1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现! 1.1 display 显示(重点) display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display:block 除
阅读全文
摘要:1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流、浮动和定位,其中: 普通流(标准流) 浮动 让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。 定位 将盒子定在某一个位置 自由的漂浮在
阅读全文
摘要:1. 浮动(float) 1.1 CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中: 普通流(标准流) 块级元素会独占一行,从上向下顺序排列; 常用元素:div、hr、p、h1~h6、ul
阅读全文
摘要:#1.基本操作 文件--打开 -- 可以打开 我们要测量的图片 ctrl+r 可以打开标尺 或者 视图 -- 标尺 右击标尺, 把里面的单位改为 像素 ctrl+ 加号 键 可以 放大 视图 ctrl+ 减号 缩小视图 按住空格键, 鼠标可以 变成小手 ,拖动 ps 视图 用选区 拖动 可以 测量
阅读全文
摘要:盒子模型(CSS重点) css学习三大重点: css 盒子模型 、 浮动 、 定位 1.看透网页布局的本质 看透网页布局的本质: 首先利用CSS设置好盒子的大小,然后摆放盒子的位置。 最后把网页元素比如文字图片等等,放入盒子里面。 以上两步 就是网页布局的本质 2. 盒子模型(Box Model)
阅读全文
摘要:1. CSS复合选择器 1.1 后代选择器(重点) 概念: 后代选择器又称为包含选择器 作用: 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,先写父亲爷爷,在写儿子孙子。 父级 子级{属性:属性值;属性:属性值;} 语法: .class h3{col
阅读全文
摘要:##1使用 chrome调试工具 “按F12”或者是 “shift+ctrl+i” 打开 开发者工具。 菜单: 右击网页空白出 检查 通过开发人员工具小指针工具,查找页面元素 左侧是html页面结构,右侧是css样式 小技巧: ctrl+滚轮 可以 放大开发者工具代码大小。 左边是HTML元素结构
阅读全文
摘要:Emmet的前身是Zen coding,它使用缩写,来提高html/css的编写速度。 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div 如果有父子级关系的标签,可以用 >
阅读全文
摘要:1. 引入CSS样式表 1.1 行内式(内联样式) 概念: 称行内样式、行间样式. 是通过标签的style属性来设置元素的样式 其基本语法格式如下: <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> 实际上任何HTML标签都拥有sty
阅读全文
摘要:1.1 无序列表 ul 无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下: <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ul> 注意: 1. <ul></ul>中只能嵌套<li></li>,直接在<ul></u
阅读全文
摘要:表格 table 1. 创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签。 创建表格的基本语法: <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 要深刻体会表格、行、单元格他们的构成。 在上面的语法中包含基本的三对HTML标
阅读全文
摘要:1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了。 不会再给结构标签指定样式了。 HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了。 1.1 排版标签 排版标签主要和css搭配使用,显示网页
阅读全文
摘要:构成: 主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。 | 标准 | 说明 | | : | : | | 结构 | 结构用于对网页元素进行整理和分类,咱们主要学的是HTML。 | | 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式,
阅读全文