宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2312 楷体_GB2312 KaiTi_GB2312宋体：SimSuncss中中文字体（font-family）的英文名称 Mac OS的一些： 华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 儷黑 P...
我想很多在前端学习或者开发过程中，肯定会遇到如何让你的元素居中的问题，网上google肯定会有很多的解决方法。今天我就个人的项目与学习经验谈谈个人理解css如何让元素居中。要理解css的居中，首先必须理解css的元素分类以及css的盒模型(box model)。a. 元素分类。在css中把元素分为块级元素、内联元素以及内联块级元素。块级元素最明显的特征就是: { display: block; } 。块级元素独占一行，默认情况元素的width默认为100%，但可...
js写css（）方法，记得加引号“ ”，除非是数字。如：$("#android").css({ "position": "absolute", "z-index": 3, "background": "rgba(90,100,100,0.5)" }原文：http://www.cnblogs.com/zyjzz/p/6973453.html
阅读目录一 什么是CSS二 为何要用CSS三 如何使用CSS一 什么是CSSCSS全称Cascading Style Sheet层叠样式表，是专用用来为HTML标签添加样式的。样式指的是HTML标签的显示效果，比如换行、宽高、颜色等等层叠属于CSS的三大特性之一，我们将在后续内容中介绍表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里二 为何要用CSS在没有CSS之前，我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性，如下<!DOC...
h‘t‘m‘l中用到css样式有三种方式：1、在header中增加style标签，在style标签中写2、用link标签引用css样式文件3、在需要使用css样式的标签添加style属性一、在header中的style定义header中定义标签样式，是通过选择器来和对应的标签关联的1、id选择器一个html页面中，id是不能重复的。效果如下：2、class选择器class选择器以.定位，一个html文件中可以有相同的class.定义了css样式以后，该class对应的所有标签都适用此css效果如...
CssSelector是我最喜欢的元素定位方法，Selenium官网的Document里极力推荐使用CSS locator，而不是XPath来定位元素，原因是CSS locator比XPath locator速度快，特别是在IE下面（IE没有自己的XPath 解析器(Parser)）他比xpath更高效更准确更易编写，美中不足是根据页面文字时略有缺陷没有xpath直接。因为前端开发人员就是用CSS Selector设置页面上每一个元素的样式，无论那个元素的位置有多复杂，他们能定位到，那我们使用CSS Selec...
-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chromecontenteditable="true" 内容变的可编辑onpaste="return false" 表示不能粘贴,用于input或不能粘贴的div、span、p标签等onselectstart="return false" 不能复制文本内容-moz-user-select:none; 在火狐下面设置样式不能选择插入样式表的方法有三种: 1、外部样式表（.css文件引入...
<body style="background-color(背景颜色):rgba（255，0，0，0）红;background-image(背景加图片):url(图片地址);background-repeat（背景重复）：no-repeat;background-position（背景位置）:100px 1080px;background-attachment（背景附加）:fixed(固定); <p style="color:red">红色</p><p style="test-indent:2em(当前字母的倍数);font-family（字体类别）:serif;font-style（字体斜体）:italic(斜的);font-variant: small-caps...
什么是CSS：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。盒子模型：盒模型是CSS中的核心的概念，描述了元素...
认识CSS的 盒子模型。CSS选择器的灵活使用。实例:图片文字用div等元素布局形成HTML文件。新建相应CSS文件，并link到html文件中。CSS文件中定义样式div.img：border,margin,width,floatdiv.img img：width，heightdiv.desc：text-align,paddingdiv.img:hover：borderdiv.clearfloat：clear<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="../static/css/daohang2.cs...
http://bbs.csdn.net/topics/390541081function isInclude(name){ var js= /js$/i.test(name); var es=document.getElementsByTagName(js?‘script‘:‘link‘); for(var i=0;i<es.length;i++) if(es[i][js?‘src‘:‘href‘].indexOf(name)!=-1)return true; return false;}alert(isInclude("abc.js"));alert(isInclude("efg.css"));原文：http://www.cnblogs.com/jcz1206/p/5305426.html
实例动画step1：改变字体颜色<h1><a href="http://www.rainleaves.com">雨打浮萍</a></h1>h1 a{color:#03c;text-decoration:none;-webkit-transition:color .5s ease-in-out;-moz-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;transition:color .5s ease-in-out;} h1 a:hover{color:#f60; }step2：改变背景颜色<h2>专注于web前端开发</h2>h2:hover{-webkit-transition:background-color 0.5s linear;-mo...
A． 使用选择器来插入内容h2:before{ content:"前缀";}h2:after{ content:"后缀";}B． 指定个别的元素不进行插入h2.sample:before{ content:none;}2. 插入图像A． 在标题前插入图像文件h2:before{ content:url(anwy.jpg);}B． 将alt属性的值作为图像的标题来显示（用不了）img:after{ content:attr(alt); display:block; text-align:center; margin-top:5px; font-size:11px; font-weight:bold; ...
简单选择器权重比较<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>/* 权重(2, 0, 1)*/#box1 #box2 p {color: red;}/* 权重(2, 1, 2)*/#box1 div.box2 #box3 p {color: green;}/* 权重(0, 3, 1)*/.box1 .box2 .box3 p {color: blue;}/* 权重(0, 1, 1)*/.list li {color: red;}/* 权重(0, 1, 0)*/.spec {color...
伪类选择器 伪类是专门用来表示元素的一种特殊状态，比如说常见的 a 元素的一些特殊状态（原始状态的超链接，访问过的超链接，运行中的超链接等等），当我们需要为这些处在特殊状态的元素设置样式的时候就可以使用伪类选择器来定义。动态伪类，因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来，动态伪类包含两种，第一种是我们在链接中常看到的锚点伪类，如":link",":visited";另外一种被称作用户行为伪类...