yzt02012-优快云博客

原创 css规范

公共样式特殊样式皮肤样式布局：grid (.g-)将页面分割为几大块头部，主体，主栏，侧栏，尾部模块:module (.m-) 语义化的可重复使用的整体如：导航、登录、注册等元件：unit (.u-):不可再分的较小的个体被重复用于各模块中功能：function(.f-) 皮肤：skin(.s-):需要把皮肤型的样式抽离出来，通常为文字色，背景图，边框色/*默

2015-10-14 11:53:20 310

原创 html规范

1!DOCTYPE html> //开头应该是doctype //meta标签utf-8NEC：更好的CSS方案 2/说明文案的注释方法采用类似标签闭合的写法，与HTML统一格式；注释文案两头空格，与CSS注释统一格式。开始注释：（文案两头空格）。结束注释：（文案前加“/”符号，类似标签的闭合）。允许

2015-10-12 10:49:01 321

原创 alt和title的区别和写法

页面中有时候要加上title来提示是一个什么样的内容展示给用户看，一般来说加在a标签中，当页面中有的内容加载不出来时候提示内容是什么，提示给用户看这种样式的title标记。alt标签怎么添加？　　图片的源代码一般是最佳（简单描述图片内容，并嵌套关键词）：要点是：包含关键词的一个简单句子，而不是几个关键词堆积。alt是作为给浏览器识别和爬虫检索的一串字符。或者是图片加载

2015-10-08 13:32:16 507

原创 css中的优先级

在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果两个规则的特殊性相同，那么后定义的规则优先。那么，又怎么来计算选择器的特殊性呢？下面这张图介绍了特殊性的计算方法：我们把特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值

2015-09-22 19:54:31 275

原创 css3里面的奇淫怪技

1、用css写一个大于小于号div{ display: block; overflow: hidden; margin: 15px 0 0 15px; width: 10px; height: 10px; line-height: 0; font-size: 0; border-top: 1px solid #fff;

2015-09-19 01:40:41 323

原创 font-face外部字体引入

@font-face { //引入格式 //定义名字font-family: "Raphaelicons";src:url('fonts/raphaelicons-webfont.eot') format('eot'),/* IE9+ 才被适用.eot*/url('fonts/raphaelicons-webfont.svg') format('s

2015-09-18 19:36:02 947

原创遇到的面试题：html和javascript

html:问题：1、ie和标准下盒模型的区别：ie:盒模型：width=margin*2+border*2+padding*2+content.width; 区别：content的宽度是+border+padding+内容宽度标准下：盒模型：width=margin*2+padding*2+border*2+content.width; content的宽度就是内容的宽度2、

2015-09-14 23:19:12 311

原创 css中脱离文档流是什么意思

1、脱离文档流:就不占据空间了？是的，一个元素脱离文档流后，其他的元素在定位时候回当做没看见他，两者位置重叠都是可以的。2、脱离文档流不是从dom树中脱离，用浏览器的审查元素可以看到脱离文档流的元素，依然会出现在dom树里3、实质：脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档

2015-09-14 00:48:06 955

原创三角的写法

.container{margin:50px auto; width: 800px; text-align: center;background: #ccc;} //最外层大的div.con-arrow{position: relative; //内部框divbackground: #88b7d5;padding: 40px;width: 280px;height: 1

2015-09-10 18:50:00 415

原创页面中三角和气泡窗口的写法

.container{margin:50px auto; width: 800px; text-align: center;background: #ccc;} //大的轮廓div.con-arrow{ //内层divposition: relative;background: #88b7d5;padding: 40px;width: 280px;height: 10

2015-09-10 18:42:05 303

翻译设置文字居中显示的三句代码

.middle-box{display: table; height: 300px; border:1px solid #ff0000; width:400px; margin:0 auto; position:relative;}.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top

2015-09-10 18:30:53 837

转载 javascript中原型连的详解

JS中的phototype是JS中比较难理解的一个部分本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类：a 类方法b

2015-09-09 01:36:51 410

原创 js中常见数据类型输出情况

js中常见溜达数据裂隙3 alert("typeof(1):" + typeof(1));//number4 alert("typeof(\"abc\"):" + typeof("abc"));//string5 alert("typeof(true):" +typeof(true));//boolean6 alert("typeof(2009-2-4):" + typeof(

2015-09-06 16:36:43 465

原创要让自己感到压力

跟同学聊了聊天，才发现原来每个人走的路都是差不多的，都是一个经历，一个过程，一个让自己越来越感到要学的东西还有很多，每个程序猿都都是一行行代码给喂出来的，没有多少是天生就很牛X的！多写，写多了就自然而然的让代码产生作用了！

2015-09-01 23:41:53 261

翻译各种居中问题

首先，依旧是概念。介绍一下行内元素和块级元素，这个很重要，因为有的属性只能用于块元素，而有的正好相反，在一定的情况下，它们也可以相互转换，比如用display来进行设置。　　行内元素(又叫内联元素inline element):　　①不占据一整行，随内容而定，有以下特点：　　②不可以设置宽高，也不可以设置行高，其宽度随着内容增加，高度随字体大小而改变。　　③内联元素

2015-09-01 04:29:48 353

原创 css3 backgound背景的一些用法和background-position用法

body{background:url(images/haoroomsicon.jpg);background-size: 60px 100px;-moz-background-size:60px 100px; padding-top: 80px;background-repeat: no-repeat;}#shadow{border-bottom: 1px solid #33

2015-08-30 01:50:11 1510

原创总结的一些css3的一些东西,放个地方吧

/*css3的常用样式*/border-radious:【边框圆角方式】 animation: run 5s infinite linear; 【动画效果，：运行5秒，常见样式，匀速】 -webkit-transform-style: preserve-3d; //chrome -moz-transform-style: preserve-

2015-08-28 01:25:03 250

yzt02012的博客