段落前面空两个字的距离，不要再使用空格了，用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上，就是首行缩进了2em。<style type="text/css">p{text-indent: 2em;/*em是相对单位，2em即现在一个字大小的...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> p{font-size:14px;text-indent:2em;} span{font-size:0.8em;} </style> </head><body><p>啦啦啦啦啦啦啦啦<span>啦啦啊啦啦啦啦啦</span>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啊啦啦啦啦啦啦啦啦</p></body> </html> 原文：http://www.cnblogs.com/Riona-C/p/7148079.html
一 CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体*/vertical-align:sub; /*下标字*/vertical-align:super; /*上标字*/text-decoration:line-through; /*加删除线*/text-decoration: ...
html5第一章（概论）1 html5第一章（概论）2 html5第一章（概论）3 html5第一章（概论）4 html5第一章（概论）5 html5第一章（概论）6 html5第一章（概论）7 html5第一章（概论）8 html5第二章（工具及资料）1 html5第二章（工具及资料）2 html5第三章（标签、页面结构和... (1) html5第三章（标签、页面结构和... (2) html5第三章（标签、页面结构和... (3) html5第三章（标签、页面结构和... (4) html5第三章（标签、页面结构和....
原文：https://www.cnblogs.com/jiangliangliang/p/15176354.html
一、Form表单标签<form action="" method=""></form> 表单就是用来将用户的信息提交到服务器，服务器会将信息存储或者根据信息查询数据（增删改查）。表单中所有的内容都要写在form标签中。<input type="text" value="哈哈哈哈" placeholder="请输入用户名">Input文本输入框，type类型为text-普通文本输入框。Value属性：给文本输入框添加默认值。Placeholder属性：文本框中提示性文本。<input type="password" placeholder="请输...
一个正常的空a标签： <a><p>鼠标悬停，鼠标样式不更改</p></a> 我没有给a标签设置href和target属性，此时鼠标悬停时，是不会让鼠标样式发生改变的。 当我给a标签的href属性设置成href="#"，让这个链接变成dead link,鼠标悬停时，鼠标样式就会发生改变了。 <a href="#"><p>鼠标悬停，鼠标样式更改</p></a>原文：https://www.cnblogs.com/xiaoycc/p/14825784.html
（从已经死了一次又一次终于挂掉的百度空间人工抢救出来的，发表日期2014-05-05） 飞鱼的声纳顶部的搜索框让我头疼了很长时间，原因是总不能获得跨浏览器的统一样式。主要的问题有这么两个：一是input标签的高度不能统一，Firefox和IE中的高度始终不能一致；二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示，而是靠输入框的左上角显示。 为了彻底解决搜索框的这些问题，我以GreenGaint主...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>ROTATE效果</title><style type="text/css">.box{position: relative;width: 960px;margin: 0 auto;border:1px dashed #ccc;height: 560px;overflow: hidden;font-size:3rem;text-align: center;color: #fff;}.box::before{width: 12.5rem;height: 1rem;z-index: 2;color: #fff;content: attr(data-text);direction: ltr;display: block;font-size: 1.2rem;lef...
LI代码的格式化:A).运用CSS格式化列表符： ul li{list-style-type:none;}B).如果你想将列表符换成图像，则： ul li{list-style-type:none;list-style-image: url(/blog/images/icon.gif);}C).为了左对齐，可以用如下代码： ul{list-style-type:none;margin:0px;}D).如果想给列表加背景色，可以用如下代码： ul{list-style-type: none;margin:0px;}ul li{background:#CCC;}E).如果想给列表加MOUSEOVER背景变色效果，可以用如下代码：...
标签云是博客的标配功能，能够清晰的呈现博客的各个关键词和主题。在这个效果中，您将学习如何使用 CSS3 技术创建一个效果精美的标签云效果。 作为实验项目，使用了 CSS3 渐变，阴影和最重要的的 CSS 变换特性。 效果演示 源码下载 您可能感兴趣的相关文章Web 开发中很实用的10个效果【源码下载】精心挑选的优秀jQuery Ajax分页插件和教程12个让人惊叹的的创意的 404 错误页面设计让网站动起来！12款优秀的 jQuery 动画插件十...
meta标签：META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。META标签分两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。...
span 一个没有语义的行内标签base这个标签可以设置超链接的默认跳转方式title 当它是一个标签时用来定义网站的名称,当它是属性时可以用来设置图片的提示文本class 定义标签的类名id 定义标签的Id名active 用来设置元素被激活时的样式的伪类,一般不建议使用伪类实现行为层stylesteet 层叠样式表focus 设置元素获得焦点时样式的伪类,也不建议使用了visited 设置超链接被访问过后的样式的伪类target 设置超链接的跳转方式_blank 是tar...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> div{border:1px solid red;margin:20px;} .txtcenter{text-align:center;} </style> </head><body> <div class="txtcenter">居中显示</div> <div class="txtcenter"><img src="../Desktop/11.jpg" width="101" height="101" /></div></body> </html> 原文：http://www.cnblogs.com/Riona-C/p/7148116.html
CSS实现图片在div a标签中水平垂直居中<div class="demo"> <a href="#"> <img src="test.jpg" /> </a></div>/*For Firefox Chrome*/.demo{border:1px #ddd solid;width:208px;height:148px;overflow:hidden;text-align:center;display:table;float:left;position:relative;}.demo a{display:table-cell;vertical-align:middle;width:200px;height:140px;}.demo a img{border:1px #ddd solid;margin:0...