魏日晗 - 博客园

CSS3常用选择器（二）

摘要：本文继续介绍css3新增的选择器。 1.选择器 first-child、last-child、nth-child 和 nth-last-child 利用这几个选择器能够针对一个父元素中的第一个子元素、最后一个子元素、指定序号的子元素，甚至第偶数个或第奇数个子元素进行样式的指定。直接看代码：效果：阅读全文

posted @ 2016-10-25 10:47 魏日晗阅读(167) 评论(0) 推荐(0)

CSS3常用选择器（一）

摘要：在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。比如最常用到的#id，.class，标签选择器。随着CSS3到来，增加了很多新型选择器，这里就常用的做一个总结。 1.属性选择器。在css3中，追加了三个属性选择器，分别为[attribute*=value],[attribute^= 阅读全文

posted @ 2016-10-24 18:10 魏日晗阅读(247) 评论(0) 推荐(0)

JS中的for/in语句和arguments参数

摘要：在js应用中，有时候我们会遇到希望定义一个函数可以被不同情况调用，比如参数个数不固定的情况。可以使用for/in语句和arguments参数解决。举个简单例子：定义一个计算总和的函数，需要计算的数字个数不确定。阅读全文

posted @ 2016-10-19 21:23 魏日晗阅读(508) 评论(0) 推荐(0)

css绘制特殊图形基础

摘要： 1.等腰三角形 2.直角三角形 3.圆 4.椭圆阅读全文

posted @ 2016-10-13 21:42 魏日晗阅读(297) 评论(0) 推荐(0)

css3 3d效果及动画学习

摘要： css参考手册： http://www.phpstudy.net/css3/ http://www.css88.com/book/css/ 阅读全文

posted @ 2016-10-13 21:06 魏日晗阅读(405) 评论(0) 推荐(0)

圣杯布局和双飞翼布局

摘要：圣杯布局和双飞翼布局主要用来解决以下问题： 1.三列布局，两侧定宽，中间自适应。2.中间栏在浏览器中优先加载渲染。解决思路：首先把中间的div写到前面，然后左侧，然后右侧。这样就解决了第二个问题，中间的div优先渲染。但是这样会存在一个问题，写到前面的也会显示在前面。为了解决这个问题，我们让阅读全文

posted @ 2016-10-13 20:07 魏日晗阅读(316) 评论(2) 推荐(0)

css3弹性盒子模型

摘要：当下各种手机，平板尺寸不一，如果盒模型只能固定尺寸，不能随意压缩，将不能很好的迎合这个时代。所以css3推出了新的盒模型——弹性盒子模型(Flexible Box Model)。弹性盒模型可以水平布局，可以垂直布局，还可以调换顺序，可以设置不等的百分比等。 1.弹性盒子column分栏效果：这阅读全文

posted @ 2016-09-19 11:45 魏日晗阅读(332) 评论(0) 推荐(0)

css盒子模型

摘要： 1.盒子模型概念 2.标准盒模型 html代码： css代码：在标准盒模型中，设置padding会自动挤压空间，而不会利用给出来的空间，不会占用宽内位置，不通过width影响，会自己挤出空间来。就是说，我的鞋子是100*100的，我不需要120*120的盒子，你给我一个100*100的盒子就好了阅读全文

posted @ 2016-09-18 19:19 魏日晗阅读(202) 评论(0) 推荐(0)

web语义化与h5新增标签

摘要： Web语义化就是html告诉我们也告诉机器这一块是什么内容，例如：“这行是一个标题，这几行组成一个段落，这是一个列表，那是一个链接。” Web语义化有三个阶段：1、h1~h6、thead、ul、ol等HTML标签。这些标签用于在Web页面中组织对应的内容，如网页标题、表头、无序、有序列表，以达到更方阅读全文

posted @ 2016-09-18 11:02 魏日晗阅读(297) 评论(0) 推荐(0)

魏家晗晗

导航

公告