小雪_-优快云博客

原创 HTML5头部常用的<head>总结

2017-03-23 19:31:27 417

原创 HTML和HTML5的区别

什么是html5？html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，从第一版到现在经历了5次改版，保留了html的优势，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML4.0+CSS3+JS+API。区别：1.文档类型声明 HTML： HTM

2017-03-22 18:24:57 569

原创表格布局

表格布局：table布局；一个表格如下所示：结果如下：上述实例由table布局实现，table标签使用如下：<table>定义一个HTML表格，一个简单的HTML表格由<table> 元素以及<tbody> 和一个或多个 <tr>、<td>、<th>元素组成。、<tr>：定义

2017-03-09 20:18:44 1073

原创 PS高效处理图片总结

一、插件推荐ps插件：css3、parker、guide1.css3：可把图层导出为css3、scss。2.parker：是一各最高效的自动标注工具，可以标注psd图需要的高度，宽度、字体...3.guide：是一个ps上的参考线设置的辅助插件。只要输入不同划分的值，可自动按N等分用参考线分。例：页面需要分栏和等比间隙时，现在红框内输入数值，后点击下部GG按钮

2017-02-13 20:36:19 1482

原创背景图处理总结

一、背景图步骤：1.html结构：三个div嵌套2.psd切图：如页眉和页脚显示不同，切三张图：页眉、正文中间的图、页脚。3.css1.html结构如下： class="box2"> <divclass="box3"> 内容

2017-02-06 22:22:05 258

原创布局二：position

position：对元素进行定位。不论该元素本身是什么类型，绝对或固定元素会生成一个块级框。相对定位元素会相对于它在正常流中的默认位置偏移。*由于使用浮动会对其他元素受影响即进行元素布局时常用position定位。属性：1.position：relative；对元素进行相对定位，位置通过“top”，“righ”，“bottom”“left”进行定位。未设置移动则元素仍在原本位置，...

2017-01-28 23:42:40 371

原创清浮动的几种方式

清浮动总结：使用浮动会使当前标签产生向上浮的效果，影响前后标签、父级标签的位置及 width height 属性。这个时候需使用清浮动，下面是总结的几种清浮动的方式。1.clear：both；浮动的标签的后标签是块则加：clear:both；无则需添加一个空div/br，和clear：both；让父级div能自动获取到高度。2.给父级定义height

2017-01-15 18:53:26 1095

原创布局

布局方法：流体布局(float)、冻结布局、凝胶布局、定位布局（position）、表格布局。流动布局：float（浮动） 1. float是脱离文档流，使元素向左或右移动，周围元素也会重新排列，多用于图像。 2.浮动的块元素的下一个块中的行内元素会围绕该浮动块元素。 3.应浮动元素是脱离文档流，所以它的下一个块元素忽略该元素，如果缩小浏览器窗口，会出现重叠现象（...

2017-01-05 21:00:06 455

原创盒模型、内外边距和边框

盒模型：内容、内边距、边框、外边距如图：边框颜色：border-color：blue || rgb(255,0,0) || #fff000 || transparent（透明，默认值不常用可不记）边框厚度：border-width：thin || medium || thick || 1em、2px、0.1%（thin:细边框，medium：

2016-12-08 20:37:58 2296

原创文本样式

文本：重点：颜色(color)、字体(font)、行高(line-height)、对齐(text-align)其他：横线修饰(text-decoration)、大小写(text-transform)、字母缩进(text-indent)、文本方向(direction)和文本反向显示(unicode-bidi)、字符之间的空间(letter-spacing)和增加单词之间的空的空间(word-

2016-11-22 20:35:56 357

原创 CSS 背景

CSS属性定义背景效果： background-color ：背景颜色 background-image：背景图片 background-repeat：背景图片水平/垂直平铺 background-attachment：定义图片随滚动轴的移动方式 background-position ：定位background-color：例：body{ backg

2016-11-18 08:47:04 388

原创 <img>、<link>、html使用样式

一、例：属性： src ：图片地址alt ：无图时显示此处 with ：图片宽度 height ：图片高度二、例：三、html引用样式内联样式：标签内使用“style”属性。例：文本内部样式表：head中使用元素包含css例： b

2016-11-17 21:17:22 2985

原创 <h1>~<h6>、<a>、属性、相对路径

一：~：该标签为内容标题，为标题1，是最小的标题，一个html一般最多用到。二：：该标签用于创建指向另一个页面的链接。例：elixirs页面会显示： elixirs 元素的内容就是链接文本。在浏览器中，链接文本会显示有下划线，指示这是可单击的。点击超文本“elixirs” ，用户会进入“elixir.html”页面。内容可以是文本或图像。<

2016-11-13 22:46:04 441

原创 <head> 标签使用

标签用来定义文档的头部,可以引用脚本、指示浏览器在哪里找的样式表、提供元素信息等。内容都绝大多数不作为内容显示给读者。可用于部分标签： , , , , 以及。定义文档的标题，是head部分中唯一必需的元素。例：标题不会显示在文档区 /html/csstest1.css 的外部样式 --> p {col

2016-11-09 01:05:22 359

原创 <!DOCTYPE> 标签属性总结

声明必须放在文档最顶部。此标签可告知浏览器文档使用哪种HTML 或 XHTML 规范。可声明三种DTD类型：(STRICT)严格版本(TRANSITIONAL)过渡版本(FRAMESET)基于框架的HTML文档。(STRI

2016-11-07 21:22:08 398

原创 html 标签总结

基本的标签定义文档类型定义html文档定义body元素 ... 定义标题1到标题6 定义段落插入一个换行定义水

2016-11-06 11:46:36 408 1

小雪_的博客