摘要:
上次,我们一起研究了css3的2d模块,这次我们一起来看一下css3的3d模块。 首先,我们来了解一下3d的坐标系,x轴在屏幕上为水平方向,y轴为垂直方向,而z轴为垂直于屏幕的方向。 不理解的话可以参考定位属性的z-index属性,那个在某种意义上就是让元素在z轴的移动。 在2d转换模块中我们研究了 阅读全文
摘要:
今天,我们一起来研究一下css3中的过渡模块、2d转换模块和3d转换模块 一、过渡模块transition (一)过度模块的三要素: 1、必须要有属性发生变化 2、必须告诉系统哪个属性需要执行过渡效果 3、必须告诉系统过渡效果持续时长 ps:当多个属性需要同时执行过渡效果时用逗号隔开即可 trans 阅读全文
摘要:
上面我们一起研究了浮动布局的特点和如何清除浮动给布局带来的不良影响,今天我们继续来研究定位流布局的特点和一些常用的布局技巧。 定位流主要有三种,一是相对定位,二是绝对定位,三是固定定位;下面我们一一进行分析。 相对定位 相对定位就是相对于自己以前在标准流中的位置来移动; 写法: 示例程序: ps: 阅读全文
摘要:
上次我们一起研究了css浮动,这次我们一起学习一下浮动对排版造成的影响,以及清除浮动影响的方式。 首先,我们来看一下浮动对合资高度的影响: 在标准流中内容的高度可以撑起盒子的高度: 示例代码: 在浮动流中浮动元素内容的高不可以撑起盒子的高度: 示例代码: 下面我们看下浮动对布局造成的影响: 浮动的盒 阅读全文
摘要:
上次我们一起对盒子模型进行了一定的了解,今天我们就对css浮动布局做一下研究。首先我们来了解一下网页基本布局的三种形式。 首先我们来了解一下什么是网页布局: 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的 网页基本布局主要有 阅读全文
摘要:
今天,我们大家一起研究一下css盒子模型。 css盒子模型是把html标签比喻成一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。ps:CSS盒模型指那些可以设置宽度高度/内边距/边框/外边距的标签。 下面是和模型的一个 阅读全文
摘要:
今天,我带大家一起走进html+css的世界。 HTML其实是HyperText Markup Language的缩写, 超文本标记语言。他是用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档。下面是HTML文档最基本的格式: 四、伪类选择器 伪类选择器主要用于向某些选择器添加特殊 阅读全文