文章分类 - Css
摘要：.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu } 字体中间如果有空格，需要加引号。 MicrosoftJhengHei为微软正黑体，STHeiti为华文黑体，MingLiu
阅读全文
摘要：HTML CSS 特殊字符表 HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的
阅读全文
摘要：1.解释一下display的几个常用的属性值，inline ， block， inline-block inline（行内元素）: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用paddin
阅读全文
摘要：<html><head><title>无标题文档</title><style type="text/css">html,body{height:100%; width:100%; overflow:hidden; margin:0;padding:0;}.main{width:100%; heigh
阅读全文
摘要：html表格左上角单元格添加2条斜线的方法 1、效果 2、css代码 <style>table { border-collapse: collapse;} table, tr, td { border: 1px solid black;} td { text-align: center; heigh
阅读全文
摘要：<form action="http://www.baidu.com/baidu" target="_blank"> <input type="text" name="word" size='30'/> <input type="submit" value="百度"/></form> 设置同样高度的
阅读全文
摘要：页面排版的时候经常会遇到li包含img时，图片文件的下边缘出现大概5个或10个像素的间隙，出现间隙大概是以下原因： 图片文字等inline元素默认是和父级元素的baseline对齐的，而baseline又和父级底边有一定距离（这个距离和 font-size，font-family 相关，不一定是 5
阅读全文
摘要：前几篇介绍了CSS3的3个动画属性transform，transition，animation。但即使基本语法能看懂，也不代表能设计出棒棒的动画效果。在设计这条路上，是学无止境，甚至需要拼天赋的。我也很菜，只能站在优秀的设计师的肩膀上，模拟出一些效果。 例如非常常见的Loading的效果，你完全可以
阅读全文
摘要：TTF（TrueType Font）是Apple公司和Microsoft公司共同推出的字体文件格式，随着windows的流行，已经变成最常用的一种字体文件表示方式。而OTF（OpenType Font）是 TTF 的升级版，而 OTF 是采用的是 PostScript 曲线，支持 OpenType
阅读全文
摘要：网页一般是两种元素组合起来的，一种是内联元素，也就是行内显示，加上width和height没效果。一种是区块元素,可以加上对应的width和height，通常使用在网页的布局，最常用的就是<div>标签。display:block;的意思把内联元素转换为区块元素而对应的是display:inline
阅读全文
摘要：一图胜千言 印象中，渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验，但是它们侧重点不同，所以导致了工作流程上的
阅读全文
摘要：定义和用法 for 属性规定 label 与哪个表单元素绑定。 隐式和显式的联系 标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 <label> 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。 例如，在 XHTML 中：
阅读全文
摘要：如今，电脑显示器的屏幕分辨率向越来越大发展，而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站，开始让自己的页面自适合各种分辨率，在小分辨率下显示基本的内容，在大分辨率下显示全部功能，甚至是分多等级的多版本。作为web前端开发人员需要知道并且会用这种知识。 css2的@media css
阅读全文
摘要：<base target=_blank>是将基本链接的目标框架都改为新页打开，如果对HTML、CSS和JS不是很熟悉，不建议使用这种方法，改为独立控制。其实<a>、<form>等很多标签都支持target="black"的属性，建议在这样的标签里单独做设置，比如：<a href="xxx.htm"
阅读全文
摘要：简介animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。虽然...
阅读全文
摘要：div{position:fixed;top:0;left:0;right:0;margin:auto;z-index:999}
阅读全文
摘要：是一个输入框，用户输入文本的框就是类似于百度的搜索框，大小是20，value=""说明初始为空onfocuse="this.blur()" onfocuse是聚焦的意思，当你把光标放在文本框上输入的时候，就是聚焦，但这里添加了"this.blur()"，blur的作用就是去除聚焦，也就是你不能把光标...
阅读全文
摘要：width: 10px; 针对ie6CSS里width: auto\9 是什么意思？这是专门针对ie的hack写法“\9″ 在IE6/IE7/IE8/IE9/IE10下生效“\0” 在 IE8/IE9/IE10下生效“\9\0” 在IE9/IE10下生效
阅读全文
