风-fmgao

导航

2018年6月30日

Mac Terminal终端光标的快捷键操作

摘要： 2016年08月18日 18:26:06 阅读数：4217 2016年08月18日 18:26:06 阅读数：4217 阅读数：4217 Mac Terminal终端和linux上终端光标的快捷键操作是一样的，都是来自Emacs这个神级的编辑器，由于我以前vim用的多，没怎么用过Emacs，所以就不 阅读全文

posted @ 2018-06-30 10:16 风-fmgao 阅读(1080) 评论(0) 推荐(0)

位置属性

摘要： 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： top、b 阅读全文

posted @ 2018-06-30 08:38 风-fmgao 阅读(247) 评论(0) 推荐(0)

浮动与清除浮动

摘要： 什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张 阅读全文

posted @ 2018-06-30 08:36 风-fmgao 阅读(217) 评论(0) 推荐(0)

display属性

摘要： display 1.控制HTML元素的显示和隐藏 2.块级元素与行内元素的转换。 block（块级） 默认占满整个页面宽度，如果设置了指定宽度，则会用margin填充剩下的部分。 inline（行内） 行内元素 只要设置了display: inline，那么元素的width、height、margi 阅读全文

posted @ 2018-06-30 08:35 风-fmgao 阅读(175) 评论(0) 推荐(0)

背景属性

摘要： 常用背景相关属性： 属性描述 background-color 规定要使用的背景颜色。 background-image 规定要使用的背景图像。 background-size 规定背景图片的尺寸。 background-repeat 规定如何重复背景图像。 background-attachmen 阅读全文

posted @ 2018-06-30 08:34 风-fmgao 阅读(151) 评论(0) 推荐(0)

CSS盒子模型

摘要： HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒子模型。 盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充），content（内容区域），如图所示： 注意：浏览器的调试窗口中通常会有相似的模型可供开发 阅读全文

posted @ 2018-06-30 08:34 风-fmgao 阅读(146) 评论(0) 推荐(0)

字体属性

摘要： text-align 文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 line-height 行高 text-decoration 文字装饰。 阅读全文

posted @ 2018-06-30 08:33 风-fmgao 阅读(160) 评论(0) 推荐(0)

字体相关CSS属性介绍

摘要： font-family 字体系列。 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。 简单实例： body { font-family: "Microsoft Yahei", "微软雅黑", "Arial 阅读全文

posted @ 2018-06-30 08:32 风-fmgao 阅读(145) 评论(0) 推荐(0)

伪元素选择器

摘要： 伪元素 介绍常用的伪元素。 first-letter 用于为文本的首字母设置特殊样式。 例如： p:first-letter { font-size: 48px; } before 用于在元素的内容前面插入新内容。 例如： p:before { content: "*"; color: red; } 阅读全文

posted @ 2018-06-30 08:31 风-fmgao 阅读(183) 评论(0) 推荐(0)

选择器的优先级

摘要： 我们现在已经学过了很多的选择器，也就是说我们有很多种方法从HTML中找到某个元素，那么就会有一个问题：如果我通过不用的选择器找到了相同的一个元素，并且设置了不同的样式，那么浏览器究竟应该按照哪一个样式渲染呢？也就是不同的选择器它们的优先级是怎样的呢？ 是先来后到呢还是后来居上呢？统统不是，它是按照下 阅读全文

posted @ 2018-06-30 08:31 风-fmgao 阅读(167) 评论(0) 推荐(0)

伪类选择器

摘要： 常用的几种伪类选择器。 没有访问的超链接a标签样式： a:link { color: blue; } 访问过的超链接a标签样式： a:visited { color: gray; } 鼠标悬浮在元素上应用样式： a:hover { background-color: #eee; } 鼠标点击瞬间的样 阅读全文

posted @ 2018-06-30 08:30 风-fmgao 阅读(115) 评论(0) 推荐(0)

分组选择器

摘要： 分组 当多个元素的样式相同的时候，我们没有必要重复地为每个元素都设置样式，我们可以通过在多个选择器之间使用逗号分隔的分组选择器来统一设置元素样式。 例如： 为div标签和p标签统一设置字体为红色的样式。 通常，我们会分两行来写，更清晰: 阅读全文

posted @ 2018-06-30 08:29 风-fmgao 阅读(167) 评论(0) 推荐(0)

属性选择器

摘要： 除了HTML元素的id属性和class属性外，还可以根据HTML元素的特定属性选择元素。 根据属性查找 [title] { color: red; } 根据属性和值查找 找到所有title属性等于hello的元素： [title="hello"] { color: red; } 找到所有title属 阅读全文

posted @ 2018-06-30 08:28 风-fmgao 阅读(92) 评论(0) 推荐(0)

组合选择器

摘要： 高级选择器 后代选择器 因为HTML元素可以嵌套，所以我们可以从某个元素的后代查找特定元素，并设置样式： div p { color: red; } 从div的所有后代中找p标签，设置字体颜色为红色。 儿子选择器 div>p { color: red; } 从div的直接子元素中找到p标签，设置字体 阅读全文

posted @ 2018-06-30 08:28 风-fmgao 阅读(212) 评论(0) 推荐(0)

基本选择器

摘要： 首先来说一下，什么是选择器。在一个HTML页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。 基础选择器包括： 标签选择器 类选择器 ID选择器 阅读全文

posted @ 2018-06-30 08:27 风-fmgao 阅读(185) 评论(0) 推荐(0)

css引用方式

摘要： 网页中引用CSS样式 内联样式 行内样式表 外部样式表 链接式 导入式 内嵌方式 style标签 <!doctype html> <html> <head> <meta charset="utf8"> <style> p { color: red; } </style> </head> <body> 阅读全文

posted @ 2018-06-30 08:26 风-fmgao 阅读(138) 评论(0) 推荐(0)

标签嵌套规则

摘要： 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素，例如： <div><div></div><h1></h1><p><p></div> ✔️ <a href=”#”><span></span></a> ✔️ <span><div></div></span> ❌ 阅读全文

posted @ 2018-06-30 08:23 风-fmgao 阅读(188) 评论(0) 推荐(0)

标签分类

摘要： HTML中标签元素三种不同类型：块状元素，行内元素，行内块状元素。 常用的块状元素： <div> <p> <h1>~<h6> <ol> <ul> <table><form> <li> 常用的行内元素 <a> <span> <br> <i> <em> <strong> <label> 常用的行内块状元 阅读全文

posted @ 2018-06-30 08:21 风-fmgao 阅读(105) 评论(0) 推荐(0)

表格标签

摘要： 表格标签 table 表格由<table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由<td>标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等 <div clas 阅读全文

posted @ 2018-06-30 08:20 风-fmgao 阅读(172) 评论(0) 推荐(0)

常用标签

摘要： 标题标签 h1~h6 <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。 由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用css来定义来达到漂亮的显示效果。 阅读全文

posted @ 2018-06-30 08:20 风-fmgao 阅读(224) 评论(0) 推荐(0)

head

摘要： head标签 我们首先来介绍一下head标签的主要内容和作用，文档的头部描述了文档的各种属性和信息，包括文档的标题、编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用（移动端）的等。 以下标签是可以用在head标签中的： <head lang='en'> <title>标题信 阅读全文

posted @ 2018-06-30 08:07 风-fmgao 阅读(225) 评论(0) 推荐(0)