meta标签 | 易学教程

深入了解CSS中盒子模型

阅读更多关于深入了解CSS中盒子模型

原文: 深入了解CSS中盒子模型 CSS中盒子模型介绍 # 什么是盒子？盒子是用来存储物品，我们可以将盒子理解为酒盒，酒盒有什么组成的呢？有酒可以喝、有填充物保护酒防止酒被摔坏、纸盒子。我们怎么理解 CSS 中的盒子呢， CSS 中盒子有什么组成的呢？有内容、内边距、边框、外边距。 CSS 中盒子的主要属性有 5 种如： width 宽度、 height 高度、 padding 内边距、 border 边框、 margin 外边距。 CSS中盒子模型实践 # CSS 中盒子模型实践，给大家看看我们 CSS 中的盒子长什么样。代码块 Copy<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>盒子模型</title> <style> div { /*这里的宽度指的就是盒子内容的宽度*/ width: 100px; /*这里的高度值的就是盒子内容的高度*/ height: 100px; /*内边距就是盒子里面的内容到边框的距离*/ padding

吴裕雄--天生自然HTML学习笔记：HTML <head>

阅读更多关于吴裕雄--天生自然HTML学习笔记：HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的 HTML 的第一页</title> </head> <body> <p>浏览器中包含body元素的内容。</p> <p>浏览器的标题包含title元素的内容</p> </body> </html> 使用 <title> 标签定义HTML文档的标题 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <base href="//www.runoob.com/images/" target="_blank"> </head> <body> <img src="logo.png"> - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "http://www.runoob.com/images/logo.png" <br><br> <a href="//www.runoob.com">菜鸟教程</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target

HTML基础——基础标签

阅读更多关于 HTML基础——基础标签

一、HTML概述 htyper text markup language 即超文本标记语言。超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。标记语言: 标记（标签）构成的语言。 1、网页的组成一个网页一般由两部分组成即： HTML（Hypertext Markup Language）和CSS（Cascade Style Sheets） HTML负责描述网页的结构和内容（如标题，导航栏等） CSS则负责网页的表现（外观）（如背景颜色，字体样式等）。 2、HTML文档的基本格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5的基本格式</title> </head> <body> </body> </html> （1）.<!doctype>标记位于文档最前面，用于向浏览器说明当前文档使用的HTML标准。（2）.<html>标记也称为根标记，用于告知浏览器其自身是一个HTML文档，<html>标记标志着HTML文档的开始，</html>标记着HTML文档的结束。（3）.<head>标记用于定义HTML文档的头部信息，称为头部标记。主要用来封装其他位于文档头部的标记。 ①.<title>：设置页面标题标记用于定义HTML页面的标题

python27期前端

阅读更多关于 python27期前端

第一天笔记：HTML：是一种标识性的语言css：层叠样式表是一种用来表现HTML等文件样式(效果)的计算机语言JavaScript：简称“JS”，是一种属于网络的脚本语言常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的jQuery：jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码bootstrap：简洁、直观、强悍的前端开发框架它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。jq对js进行了功能封装，简化了操作提升了性能bootstrap是一个综合性质的混合框架，内部不单对js做了封装，还提供了很多css样式集合和现成组件前端？后端？（B/S）Web服务的本质：浏览器发请求 –> HTTP协议 –> 服务端接收请求 --> 服务端返回响应 –> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面浏览器内嵌了一个socket客户端，默认TCP链接HTML是什么？超文本标记语言，是一种用于创建网页的标记语言，不是编程语言本质上是浏览器可识别的规则我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）

PHP文件处理

阅读更多关于 PHP文件处理

PHP的函数支持创建，读取，上传以及编辑文件操作。常见文件操作错误有： 1.编辑错误的文件 2.被垃圾数据填满硬盘 3.意外删除文件内容文件读取： readfile()函数：该函数读取文件，并把它写入输出缓冲。假设有一个名为webdictionary.txt的文件，放在服务器上，如下： AJAX = Asynchronous JavaScript and XML CSS = Cascading Style Sheets HTML = Hyper Text Markup Language PHP = PHP Hypertext Preprocessor SQL = Structured Query Language SVG = Scalable Vector Graphics XML = EXtensible Markup Language 读取该文件并写入输出流的代码readfile.php如下，若读取成功则函数返回字节数： <html> <head> <meta charset="utf-8"> </head> <body> <?php print("<pre>"); echo readfile("webdictionary.txt"); print("</pre>"); ?> </body> </html> 如下，其中print("<pre>")与print("</pre>"

day49 jQuery webUI库

阅读更多关于 day49 jQuery webUI库

day49 jQuery webUI库内容回顾 1.事件流事件捕获阶段处于目标阶段事件冒泡: 阻止事件冒泡: event.stopPropagation() 阻止默认事件: envet.preventDefault() 简写为: return false; 2.事件对象每个事件的回调函数, 都会默认有一个事件对象event event.type:事件类型 event.target:触发目标的对象 event.keyCode:键码 3.事件代理自己完成不了的事情, 交给别人去做原理: 运用的是冒泡的机制, 给父加事件,子冒泡去执行 on(事件类型,子标签,回调函数) 4.事件 click 单击事件 dblclick 双击事件 mouseenter mouseleave mouseover mouseout mousedown mouseup change select submit addEventListener(事件类型,回调函数): 原理是用的这个, 而不是onclick这些 5.合成事件 hover() mouseenter mouseleave 6.位置信息: width() height() innerWidth() outerWidth() offset().top //获取的是盒子到页面顶部的距离 scrollTop() scrollLeft()

你必须要知道的移动端开发知识

阅读更多关于你必须要知道的移动端开发知识

移动开发不同与PC端开发，可能会经历各种意想不到的问题，尤其是移动端应用刚起步的几年；随着移动互联网的快速发展，有些问题已经得到了很好的支持，如1像素边界的问题。当然，要更好地解决这些移动端的问题，就需有移动端领域相关的知识，下面就来说说。 dpr设备像素比首先说一下，这个dpr不仅仅是移动端才有的，pc端也有，但是对一些移动端的问题产生的原因及解决显得比较重要，比如1像素的问题。先来看几个概念：物理像素（physical pixel）一个物理像素就是显示设备上最小的物理显示单元，每个物理像素都有自己的颜色值和亮度值。例如iphone6手机屏幕有750*1334个物理像素设备独立像素（density-independent 设备独立像素又叫密度无关像素，也可以叫逻辑像素，程序使用的虚拟像素如css像素，可以理解为显示设备坐标系统中的一个点；设备像素比dpr（device pixel ratio) 设备像素比，简称dpr，定义了物理像素与设备独立像素之间的对应关系，具体的对应关系是一个计算公式如下： dpr = 物理像素 / 设备独立像素上面计算的dpr是指某一个方向上如x或者y方向，二者dpr值相同；程序中获取dpr方式如下： js获取dpr使用 window.devicePixelRatio css获取dpr使用 -webkit-device-pixel-radio

CSS中如何使用背景样式属性，看这篇文章就够用了

阅读更多关于 CSS中如何使用背景样式属性，看这篇文章就够用了

css背景样式属性介绍背景样式就是自定义 HTML 标签的背景颜色或背景图像。背景属性说明表属性名属性值描述 background-color #f00、red、rgb(255,0,0) 设置背景颜色。 background-image url(背景图片路径) 设置背景图像。 background-repeat repeat、repeat-x、repeat-y、no-repeat 设置背景图片是否平铺和平铺方向。 background-position left、center、right、top、bottom、固定值、百分比设置背景图片位置。 background-attachment scroll、fixed 设置背景图片位置是否是固定或滚动。 background 属性值就是以上的所有值设置背景的缩写形式。属性为background-color使用方式让我们进入属性为 background-color 实践，实践内容如：将 HTML 页面中的 div 背景设置为红色。代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http

2、head 标签学习

阅读更多关于 2、head 标签学习

5秒自动刷新 <meta http-equiv="refresh" content="5,url:http://www.baidu.com" /> 1 <title>html study 学习</title>2、<meta charset="utf-8" />  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> ____________ 提升网页在浏览器中的搜索概率: 1、关键字 V3 <meta name="keywords" content="allen,Java"/> 2、网页描述 <meta name="description" content="122121212121221"/> 3、作者 <meta name="author" content="allen"/> 来源： https://www.cnblogs.com/zwyzwy/p/11963676.html

使用webstorm搭建vue-cli项目

阅读更多关于使用webstorm搭建vue-cli项目

前言在上一章博客的内容中 vue学习笔记(七)组件我们初步的认识了组件，并学会了如何定义局部组件和全局组件，上一篇内容仅仅只是对组件一个简单的入门，并没有深入的了解组件当中的其它机制，本篇博客将会带大家深入了解组件的其它知识，组件的校验，组件的通信等等。本章目标学会组件简单的校验学会父组件向子组件传递数据学会子组件向父组件传递数据父组件向子组件传递数据父组件向子组件传递数据实现的方式特别简单，只用使用props进行数据传递就可以了。语法：props['属性1'，‘属性2’，...] 我找了一张图给大家参考一下在 Vue.js 中，父子组件的关系可以总结为 props down, events up 。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息 (1)简单的父组件向子组件传递信息 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>父组件向子组件传递信息</title> </head> <body> <div id="app"> <my-content :title='title' :content='content'></my-content> </div> <script src="../js/vue.js" type="text

订阅 meta标签