Coolert Blog

CSS 字体图标与label

CSS icon and label

字体图标字体图标在浏览器解读时，会被解读成文字，所以能使用文字的所有样式对其进行设定 1 <i class="fonticon icon-..."></i> label标签当你点击label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上 1 2 <label for="uname">姓名：</label> <inp...

Posted by Lv Hui on April 25, 2014

CSS 定位和背景

CSS position and background

定位属性相对定位全脱离文档流文档流里的位置还被保留着对于原来的位置进行定位绝对定位完全脱离文档流不保留原来的位置参照于离他最近的有定位属性的父级元素进行定位固定定位完全脱离文档流原来的位置不被保留参照于浏览器可视区域进行定位层级z-index 只有有定位属性的元素才有层级的概念,定位元素的前后顺序是...

Posted by Lv Hui on April 24, 2014

CSS 盒模型与浮动

CSS box and float

盒模型一个块元素所占的宽高由内容、内边距：padding、边框：border、外边距：margin决定外边距左右边距会累加，上下边距会合并当父元素没有内外边距时其子元素的内外边距会加到父元素上，只需给父元素加内边距即可解决问题块元素居中可以设置左右边距为auto margin：0 auto ; 全局reset 通常要在css的最前面进行,浏览器会给某些元素设置默认的...

Posted by Lv Hui on April 23, 2014

CSS 基础

CSS basics

css引入方式行内样式通过标签的style属性添加嵌入样式在head标签中添加style标签引入样式在head标签中添加link标签 1 <link rel="stylesheet" type="text/css" href=""> 导入样式在css文件中用@import url("main.css")来导入其他css样式选择器标签选择器...

Posted by Lv Hui on April 22, 2014

HTML 图像地图

HTML imgmap

注释 1 <--要注释的文字--> 文字标签 1 2 3 <strong>加粗</strong> <em>斜体</em> <u>下划线</u> 图像地图点击图片的不同位置，打开不同的页面,需要给图片加usemap属性 1 2 3 4 5 6 7 <img src="dog.jpg" a...

Posted by Lv Hui on April 21, 2014

HTML 列表与表单

HTML list and form

路径相对路径从起点开始查找文件，起点的路径是当前文件所在目录。上行用../ 绝对路径 http://网址列表有序列表ol：order list 无需列表ul：unorder list 自定义列表dl，dt定义列表标题，dd定义列表项表单 1 `<form action="数据接收地址" method="发送方式post/get"><...

Posted by Lv Hui on April 20, 2014

HTML 标签

HTML tag

单标签 1 2 <img src=""> //属性 src width height alt title 表格 1 2 3 4 <table> //table标签表示表格 <tr>标签代表行 <th>代表表头单元格 <td>代表单元格表格每一列的宽度是相同的，每一行的高度是相同的，改变一个单元格的宽高，同时也会影响到其...

Posted by Lv Hui on April 19, 2014

HTML概述

HTML summary

html html 超文本标记语言 HyperText Markup language，上手简单基本没有逻辑性文档声明 1 2 3 4 5 6 7 8 <!DOCTYPE html> <html> <head> <title></title> </head> <body> &l...

Posted by Lv Hui on April 18, 2014