代码改变世界

如何快速在sublime编辑器中写标签

2014-04-15 20:33 by cherish金, 2227 阅读, 0 推荐, 收藏, 编辑
摘要:规则:E:表示标签,元素名称,比如(div,p,ul等等); 1、E#id:使用id的元素,(div#header,img#logo,p#intro); 2、E.class:使用类的元素,(div.header,p.clumn.width); 3、E>N:子代元素,(div>p... 阅读全文

过渡和动画

2014-04-15 20:16 by cherish金, 528 阅读, 0 推荐, 收藏, 编辑
摘要:过渡:transition transtion:transition-property|transition-duration|transition-timing-function|transition-delay transition-property:检索或设置对象中的参与过渡的属性,all... 阅读全文

css3选择器归总

2014-02-16 17:12 by cherish金, 200 阅读, 0 推荐, 收藏, 编辑
摘要:同级元素通用选择器(同级):A~B,只要B在A的后面,A就可以匹配到B;例如:p~ul,选择前面有p元素的每个ul元素。 临近选择器(同级):A+B,A和B必须是邻近的;例如:div+p,选择紧接在div元素之后的所有p元素。 子选择器:A>B,A只能匹配自己的儿子,匹配不到A的孙子辈;例如:div>p,选择父元素为div元素的所有p元素。 属性选择器:有四种,input是最常用这个选择器的标签。第一种:E[att^=”val”],属性att的值以”val”开头的元素。 第二种:E[att$=”val”] ,属性att的值以”val”结尾的元素。 第三种:E[att*=”v... 阅读全文

html5中新增类型以及属性

2014-02-08 20:58 by cherish金, 514 阅读, 1 推荐, 收藏, 编辑
摘要:html表单一直都是web的核心技术之一,有了它才能在web上进行各种各样的应用。html5的forms新增了许多新控件及其API,方便我们对表单的验证。 opera对新属性的支持性最好,ie10以下不支持,其他主流浏览器部分支持。input的新类型: 1、url类型(url):提交表单时检测input的value是否是一个url格式; 当你什么也不输入的时候,点提交没有什么提示,但当你填入的信息不是一个正确的url时,浏览器会提醒你。 2、email:一个电子邮件地址或电子邮件地址列表; 这个和url同样。 3、number:数字输入框... 阅读全文

切静态页面中的感觉

2014-01-16 20:47 by cherish金, 237 阅读, 1 推荐, 收藏, 编辑
摘要:页面布局一般采用div+css模式。 1.每拿到一张图,首先是它的logo,习惯性地用a标签去套它所在的img。 因为logo一般都是能点的动的。完后左浮动。一般最外层用h1嵌套。 2.右上角菜单来,用div嵌套a,右浮动div即可。 3.导航栏视情况而定,有下拉框的可用dl(自定义标签去实现),里面套a浮动。 没有下拉框的一般用div套a,浮动不浮动都可以。 4.滚动图即页面大图一般选用img,因为这个可能公司会经常更新这个大图。 5.内容部分: 如果存在左边图片,右边文字说明,dl标签最为优选。dt放图片然后左... 阅读全文

部分常用重要属性的复现

2014-01-09 20:57 by cherish金, 162 阅读, 0 推荐, 收藏, 编辑
摘要:display(设置属性) 它有4个属性分别是block、inline、none、inline-block。 block:设置这个后,此标签仅具有块标签的特性。 inline:设置这个后,此标签仅具有行标签的特性。 inline-block:设置这个后,此标签具有行标签和块标签的特性。 none:此标签设置的内容消失不见了。不占据空间,既不在文本流中占位。visibility: 它有3个属性分别是visible、hidden、inhert。 visible:不添加滚动条,超出文字不加任何,让超出文字显现。 hidden:超出文字隐藏,占据空间,既在文本流中占位。一白块。 in... 阅读全文

floa和position

2014-01-03 10:41 by cherish金, 55 阅读, 0 推荐, 收藏, 编辑
摘要:position和float: Position:relative和position:absolute、position:fixed都会让元素浮起来,也就是z-index>0,它会改变正常情况下的文档流。 不同的是position:relative会保留自己在z-index:0的站位,left,right,top,bottom值是相对于自己再z-index:0的位置,但对其他仍在z-index:0层的元素位置不会造成影响。 而position:absolute会完全脱离文档流,不再在z-index:0层保留占位符,其left,right,top,bottom值是相对于自己最近的一个设置了 阅读全文

标签以及css的学习

2013-12-26 20:31 by cherish金, 128 阅读, 0 推荐, 收藏, 编辑
摘要:在标签和css的学习中,由简单的标签的认识到用其来做页面,项目,也就是标签的应用。真正让标签撑起场面,成为美观合理的框架。那么下面我说说一些基本的html框架和标签吧。 html框架: Document 上面那部分是给浏览器看的,我们需要写的是在body之间。 标签:行标签: span:无实际意义。 a:超链接。 img:图片。 b:加粗。i:斜体。em:强调。strong:重要。var:定义变量。cite:引用。 button:按钮。input。select:下拉框,option是select的项等。reset:重置按钮。块标签: div:就如同一个盒子,用来嵌套其他标... 阅读全文