2016年4月4日
百度前端技术学院第一学习阶段总结
第一学习阶段已经结束了，针对HTML/CSS的训练，收获很多，现在对于CSS开始熟练，也享受一个漂亮的网页在手下诞生的满足感。今天再回过头去看看排行榜第一的各组的代码，继续学习。 任务一：使用了一些知道但很少用到的标签（可能也是因为以前练得太少了） 1、<figure>标签运用在在文档中插入图片，文 Read More
posted @ 2016-04-04 23:50 bottle_小姐 Views(313) Comments(0) Diggs(0)
2016年3月23日
前端优化问题
转载于http://wap.sogou.com/web/uID=sq3d4m283zQf0zM-/v=5/type=1/sp=1/ct=160323075757/keyword=%E5%89%8D%E6%AE%B5%E4%BC%98%E5%8C%96/id=729fe1c2-bfd2-4e08-8c Read More
posted @ 2016-03-23 14:04 bottle_小姐 Views(235) Comments(0) Diggs(0)
常见浏览器兼容性问题
问题一、不同浏览器的标签默认的margin和padding不同 解决方案：*{margin：0；padding：0；} 问题二、块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大 解决方案：在float的标签样式控制中加入display:inline；将其转化为 Read More
posted @ 2016-03-23 13:55 bottle_小姐 Views(146) Comments(0) Diggs(0)
2016年3月21日
CSS3（七）——布局样式
1、多列布局 columns:column-width||column-count 2、列间距 column-gap 3、列表边框 column-rule 4、跨列设置 column-span:all /*跨过所有列*/ 5、盒子模型 box-sizing:border-box|content-bo Read More
posted @ 2016-03-21 23:39 bottle_小姐 Views(132) Comments(0) Diggs(0)
CSS3（六）——变形与动画
一、变形 1、旋转 rotate() 2、扭曲 skew() 3、缩放 scale() 4、位移 translate() 5、矩阵 matrix() 6、原点 transform-origin 二、动画 1、过渡属性 transition-property 2、过渡所需时间 transition-d Read More
posted @ 2016-03-21 23:08 bottle_小姐 Views(187) Comments(0) Diggs(0)
2016年3月18日
CSS3（五）——选择器
:first-child :last-child :nth-child(n) //2n|2n+1 :nth-last-child(n) :first-of-type :nth-of-type(n) :last-of-type :nth-last-of-type(n) :only-child :onl Read More
posted @ 2016-03-18 10:22 bottle_小姐 Views(119) Comments(0) Diggs(0)
CSS3（四）——结构性伪类选择器（2）
:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。我们先来上个例子，然后再做分析。 示例展示 点击链接显示隐藏的段落。 HTML代码： CSS代码： 演示结果： 分析： 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码 Read More
posted @ 2016-03-18 10:11 bottle_小姐 Views(154) Comments(0) Diggs(0)
CSS3（三）——结构性伪类选择器(1)
一、:root :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。 示例演示： 通过“:root”选择器设置背景颜色 HTML代码： CSS代码： 演示结果： 二、:not :not选择器称为否定选择器，和 Read More
posted @ 2016-03-18 10:00 bottle_小姐 Views(272) Comments(0) Diggs(0)
CSS3（二）——属性选择器
在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。 在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了 Read More
posted @ 2016-03-18 09:59 bottle_小姐 Views(123) Comments(0) Diggs(0)
CSS3（一）
一、边框 1、圆角效果 border-radius 2、阴影 box-shadow 3、为边框应用图片 border-image 二、颜色相关 1、颜色之RGBA 2、渐变颜色 background-image:linear-gradient(方向，起始颜色，终止颜色) 三、文字与字体 1、text Read More
posted @ 2016-03-18 09:57 bottle_小姐 Views(141) Comments(0) Diggs(0)
下一页