2018年05月_Robin_Hood_

原创 C13、网页布局方式

C13、网页布局方式一、网页布局方式：浏览器如何对当前内容进行排版排版方式：1.标准流（文档流/普通流）垂直排版（从上到下）2.浮动流 3.定位流二、浮动流基本概念浮动流：“半脱离标准流”的排版方式浮动流只有一种排版方式，就是水平排版，它只能设置一种排版方式浮动流不能使用margin: 0 auto 的部分块级元素，浮动流中全部可以设置宽高，不区分三、浮动元素脱标什么是浮动元素脱标？脱标：脱离...

2018-05-26 07:59:43 280

原创简单Linux/Ubuntu备份克隆方法—再生龙Clonezilla

一、简介再生龙Clonezilla是一款自由开放的备份全块硬盘、分区的软件。由国网中心所开发的自由、开放源码的还原系统，以快速自动化而闻名，可以同时快速复制多态电脑，或者免安装单台备份还原。最好的地方是该软件拥有多国语言包括简体中文。二、备份/还原实例用它来备份Linux或者Ubuntu非常方便，以J1900的主机 ubuntu 16.04来说明完整备份方法。备份/还原...

2018-05-25 17:11:32 10474

原创 C12、盒子模型

一、边框属性什么是：边框就是环绕在标签的宽度和高度边框格式：border：border-stayle: solid,dashedborder：连写，bd+//快捷键，全部可以省略border-width: 上右下左border-style: 上右下左border-color: 上右下左border用来做几何图形二、内边距属性什么是内边距：边框和内容之间的距离就是内边距设置方式...

2018-05-23 11:32:54 234

原创 C11、CSS背景和精灵图

C11、CSS背景和精灵图一、设置背景设置标签的背景颜色：通过background-color设置背景颜色设置背景图片：通过background-image设置背景url()指定，可以是本地，也可以是网络图片如果图片大小没有标签打，那么会自动填充多次请求获取图片background-repeat: //平铺repeat 可以加快渲染速度，节约网络资源二、背景图片定位背景定位：同一个标签可以同时设...

2018-05-18 10:39:42 321 3

原创 C10、补充div和span

C10、补充div和span一、div作用：配合网页搭建框架，然后配合CSS完成网页的基本布局。二、span作用：修改局部信息样式三、span与div区别div会单独占领一行，而span不会单独占领一行div是容器级别的标签，而span是文本基本的标签容器级别标签可以嵌套所有的标签，文本级别只可以放文字/图片/超链接容器级别：div h ul ol dl li dt dd 文本级： span p...

2018-05-17 16:39:02 189

原创 C9、CSS的三大特性

C9、CSS的三大特性一、谷歌的开发工具F12或者找到开发者工具开发工具中的CSS样式可以调整，非灰色背景的样式是代码所写的二、CSS的继承性作用：给父元素设置属性，子元素也能使用能继承元素：以line、color、font-、text-开头的属性才能被继承不仅儿子能够继承，只要是后代都能被继承继承性中的特殊：1.a标签的文字颜色和下划线不能继承。2.h标签的文字大小是不能继承的应用场景：一般用于...

2018-05-17 10:34:30 187

原创 C8、CSS选择器

C8、CSS选择器一、标签选择器1、格式标签名称{ 属性：值；}能够通过标签名选中标签二、id选择器给标签添加id属性/#来表示id选择器注意： id是留给js使用的，前端中不能随意设置三、类选择器class是可以重复滴. 来表示class选择器类名专门给特定标签设置样式的HTML标签中可以同时绑定多个类名可以把公共的标签抽取四、后代选择器作用：找到所有特定的后代标签，设置属性格式：...

2018-05-16 14:42:08 215

原创 C7、CSS属性

C7、CSS属性一、文字常见属性规定文字样式的属性：font-style: 更改文字属性：italic倾斜、normal正常（快捷键fs、fsn）规定文字粗细的属性font-weight: 更改文字粗细： lighter、bold、 bolder、数值（100-900整百）规定文字大小的属性font-size：更改文字大小：单位px（pixel像素），注意、一定要带单位快捷键 fz10 fo...

2018-05-14 19:30:21 158

原创 C6、从HTML到CSS

C6、从HTML到CSS一、使用HTML加样式注意：这种方式已经过时，现在都是HTML只作为语义弊端：需要记忆标签有哪些属性，如果该标签没有这个属性，那么设置了没有效果需求变更的时候，要修改大量的代码。前端开放中HTML只是添加语义，CSS只是添加样式二、使用CSS方式格式：在head标签中...

2018-05-14 18:56:51 169

原创 C5、多媒体标签

C5、多媒体标签一、video标签<video src=""> </video>autoplay="autoplay" 自动播放controls="controls" 是否需要显示控制条poster="" 占位图片，视频没有播放前的图片loop:循环播放，用于广告视频preload：预加载视频，与autoplay相冲突muted：静音width：宽height：高二、vid

2018-05-14 14:24:23 289

原创 C4、表单

C4、表单一、什么是表单专门用来收集用户信息的叫做表单。二、表单的格式input<form> <input type="text"> //input标签有很多属性选择，决定他的语义 <input type="password" value="123">//密文输入框,value是默认值 <input type="rad

2018-05-14 11:43:29 233

原创 C3、表格标签

一、表格历史曾经大量在网页上使用，以前的网页绝大部分是表格标签，是个时代的代表例如 2004新浪。后来被DIV+CSS所取代。二、表格格式<table>//代表全部表格 <tr>//代表行数 tablerows 表格行 <td>//代表行的第几个格子 </td> </tr></table>三、...

2018-05-14 09:30:59 527

原创 C2、无序标签

一、什么是列表标签给一堆数据添加语义，告诉浏览器是一个整体数据。二、HTML中的列表标签分类无序列表（unorder list）：给数据添加列表语义没有顺序区分用得很多有序列表（order list）有序的列表用的不是很多定义列表（define list）定义格式：<dl><dt></dt> //dt definition title定义列表<dd&...

2018-05-14 09:29:52 186

原创 C1、HTML

一、HTML结构：<!DOCTYPE html> html5标准，向下兼容Headtitlemeta标签的左右就是指定当前网页的字符集，charset="GBK"Body二、常用HTML标签：H1-H61、p：浏览器单独占据一行2、hr：在浏览器上显示一个分割线3、<hr /> /<hr >区别 HTML与XHTML区别快捷键：Ctrl + D 复制行Ctr...

2018-05-12 09:02:30 379

原创第四天、背景链表、复杂的选择器

第四天，背景链表和更复杂的选择器一、背景background-color: 调整背景颜色background-image: url()写入背景链接background-repeat: 类似桌面背景设置方式 a. repeat-y/x 在y或x方向上平铺 b. repeat 在y和x方向上平铺 c. no-repeat 不平埔backgrou

2018-05-07 10:55:55 178

原创第三天，为简介添加CSS

第三天，CSS样式一、CSS作用 HTML用于定义内容的结构和语义，CSS用于设计风格和布局。注：1.HTML写笔记过于麻烦，以后改用Markdown 方式。Markdown 使用语法，这是一个炫酷的文本编辑语言2.安利一个很好用的Markdown文本编辑器 Typora二、CSS文字设置主要可以设置属性：1. font-family 字体设置目前默认字体有：Serif、Sans-seri...

2018-05-02 19:16:52 120

原创第二天，HTML写简介

这是我在A Pen上用HTML写好的内容，因为这个笔记支持的是Markdown 语法，所以不能完整显示。完整请看点击查看第二天笔记——这是一篇用HTML写的笔记(源码) 学习困惑？该用什么样的HTML标签？没有经历，我就说说我的想法把，以后在慢慢接触中掌握吧！首先，语义化，要像程序变量名那样起，能让人通过变量名字就能够了解你想表达的意思，方便后期维护和重...

2018-05-02 19:16:01 169

茂木残花任风萧