a标签语法：<a href="网址" title="鼠标滑过显示的文本">文本</a>。注：此时打开的网址窗口默认在当前窗口，如果需要在新的窗口打开这个链接则：<a href="网址" title="文字" target="_blank">文本</a>。 除此之外，a标签还可以用来链接调用电脑邮件来发送邮件，具体语法:<a href="mailto:收件人邮件地址?cc=抄送地址&bcc=密件抄送地址&subject=邮件主题&body=邮件内容" >文本</a>注：多个收件人地址多个抄送地址，用";"隔开。 标签...
1.圆角： border-radius 渐变：background-image: linear-gradient#d1{ width:100px; height: 100px; background: rgba(78,34,89,1.00); border: 1px solid rgba(211,105,107,1.00);border-radius: 50px;background-image: linear-gradient(red,blue);}2.移动：ransform: translate 过渡：transition: #d1:hover{transform: translate(200px,200px); transition: transform 5s;}3.旋转：transform:rotate#d...
CSS介绍CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）CSS语法CSS实例每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释/*这是注释*/CSS的几种引入方式行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。<p style="color: red">Hello world.</p> 内部样式嵌入式是将CSS样...
CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。‘‘‘selector {property: value;property: value;... property: value}‘‘‘
例如：h1 {color:red; font-size:14px;}
css的四种引入方式 原文：http://www.cnblogs.com/luchuangao/p/6865702.html
css 样式由选择符和声明组成，而声明又由属性和值组成：选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：p{font-size:12px;color:red;}
注意：1、最后一条声明可以没有分号，但是为了以后修改方便，...
1、CSS （Cascding Style Sheet）层叠样式表 级联样式表 样式表2、CSS作用： 修改页面中元素的显示样式 能够实现内容与表现的分离 提高代码的可重用性和可维护性3、导入CSS的方式 在HTML里直接写<h1 style="属性：值;属性:值"> 在<style>里面写法 选择器{属性：值;} 在外部创建<link rel="stylesheet" type="text/css" href=""> 或 ...
一：盒模型盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。CSS盒子模型：W3C组织建议把所有的网页上的对象都放在一个盒子中(在定义盒子宽高的时候，要考虑到内填充，边框，边界的存在）w3schools上对于盒子模型的图示如下CSS盒子模型的属性：内容属性：宽=width 高=height内填充属性（内容与边框之间的距离）：padding外边距属性：margin（使用该属性的时候注意浏览器的兼容性）内填充与边界的规则：如果有四个参数...
1，什么是BFC BFC（Block Formatting Context）块级格式化上下文，它就是一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其他环境中的布局。它是W3C CSS2.1规范中的一个概念，是一个独立的渲染区域，只有Block-level box参与，它规定了内部的Block-level box如何布局，并且这个区域与外部毫不想干，2，生成BFC 下面的方法可以创建一个新的BFC （1）浮动元素，float: left | right （...
1、CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式element : 元素。 padding : 内边距，也有资料将其翻译为填充。 border : 边框。 margin : 外边距，也有资料将其翻译为空白或空白边。围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。 * {margin: 0;padding: 0;}padd...
1.CSScss style: 里面的写的就叫做css 每一个样式的间隔用； 全部相同的时候引用class 2.ID选择器# 代表通过id选择器查找 #i1{height: 48px;background-color: red;}3.class选择器. 代表通过class选择器查找.menu{height: 48px;background-color: aqua;}4.标签选择器标签名 代表通过标签选择器查找 span {color: red;background-color: blue;}5.标签层级选择器标签内的标签 通过标签+空格+标签 代表通过标签选择器查找 例：span标签...
这一节总结起来就一句话：只可意会，想要在这个模型上了解的更透彻，请自行查阅相关书籍兼容：E8 及更早IE版本不支持 填充的宽度和边框的宽度属性设。 解决IE8及更早版本不兼容问题可以在HTML页面声明 <!DOCTYPE html>即可。div
{
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
}原文：http://www.cnblogs.com/Terminaling/p/4067549.html
CSS命名规范一．文件命名规范
全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer
版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu
标 志：logo标 语：banner标 题：title侧边栏：sidebar
图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接...
研究了下css3中的 transform变换属性中的3D属性效果和看到的一篇好文章了解到了3D的学习;好文章地址:http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/ 下面只是自己能读懂自己写的代码例子:<style>#box{-webkit-perspective:800px;//定义3D场景大小-webkit-transform-origin:50% 50%;//定义3D场景的中心点perspective:800px;transform-origin:50% 50%;}.box{width:200px;height:20...
文本也许是HTML里最常见的元素了，所以我们有必要对HTML的文本操作标签做下认识。1. <em>，<i>内的文字呈现为倾斜效果；2. <strong>，<b>内的文字呈现为加粗效果；3. <b>，<i>只是单纯的为了让文本具有某种特殊样式，而<strong>，<em>不仅带有特殊样式，而且也表达了某种语义；4. 在单纯的为了达到某种样式的情况下，建议使用不带有语义的标签。体验如下：http://www.mayacoder.com/lesson/lesson?lesson_id=28&knowledge_id=5原文...
//扩展Extend
less的伪类，合并了选择器，放在与它引用匹配的选择器上Use Method：以在study上扩展test的样式为例.test{color:#000000;font-size:18px;
}//grammar 1
.study{&:extend(.test);background:red;
}//grammar 2
.study:extend(.test){background:red;
}//输出css
.test,
.study {color: #000000;font-size: 18px;
}
.study {background: red;
}//扩展all
Use Method：以在study上扩展test的样式为例当有all的时候，会连...
