码迷,mamicode.com
首页 >  
搜索关键字:pure css    ( 52621个结果
web标准(复习)--1
XHTML CSS基础知识一、xhtml css基础知识首先说一下我们这节课的知识点1、文档类型 2、语言编码 3、html标签 4、css样式 5、css优先级 6、css盒模型组成 1)文档类型当我们用dreamweaver新建一下html格式文档时,查看源代码,会发现代码最上部有如下这句话:这...
分类:Web程序   时间:2014-05-25 23:45:40    阅读次数:374
web标准(复习)--2 列布局
今天我们开始学习一列布局,包含以下几种形式:1、一列固定宽度 2、一列固定宽度居中 3、一列自适应宽度 4、一列自适应宽度居中 5、一列二至多块布局 前一节我们回顾了xhtml基础和css基础部分,今天我们正式开始使用网页制作软件——adobe公司出品的dreamweaver来开始网页设计之旅。相信...
分类:Web程序   时间:2014-05-25 23:43:17    阅读次数:336
CSS ~ and +
以前一直以为css不是怎么厉害,今天忽然发现 . . .咳。。咳。。以下是经过测试的哦 ^_^当然不是那么全面啦,欢迎提意见!ok,~ (w3c中国没有找到)作用:同级别下后面的比如:1 上边2 3 里面4 5 下边1号6 下边2号现在我们给他加一个样式:div~ .t{color: red...
分类:Web程序   时间:2014-05-25 23:40:39    阅读次数:366
10个CSS简写/优化技巧
CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。 CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。 下面介绍常见的CSS简写规则: 一、盒子大小 这里主要用于两个属性:margin和padding,我们以margin为...
分类:Web程序   时间:2014-05-25 23:33:52    阅读次数:369
web标准(复习)--4 纵向导航菜单及二级弹出菜单
今天我们开始学习纵向导航菜单及二级弹出菜单,包含以下内容和知识点:纵向列表 标签的默认样式 css派生选择器 css选择器的分组 纵向二级列表 相对定位和绝对定位 一、纵向列表纵向列表或称为纵向导航,在网站的产品列表中应用比较广泛,如淘宝网左侧的淘宝服务,今天我们就学习一下纵向导航的制作先新建一个页...
分类:Web程序   时间:2014-05-25 23:18:03    阅读次数:374
web标准(复习)--5 超链接伪类
今天我们开始学习超链接伪类,包含以下内容和知识点:链接的四种样式 将链接转换为块状 用css制作按钮 首字下沉 一、超链接的四种样式超链接可以说是网页发展史上一个伟大的发明,它使得许多页面相互链接从而构成一个网站。说到超链接,它涉及到一个新的概念:伪类,我们先看下超链接的四种样式:a:link {c...
分类:Web程序   时间:2014-05-25 19:41:36    阅读次数:265
关于css float 属性以及position:absolute 的区别。
1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。div一个典型的块级元素,会单独占据一行。先看看最基本的块级元素如何排列的。html代码,以下样式都是基于此。 ...
分类:Web程序   时间:2014-05-25 19:06:29    阅读次数:412
js案例-捐赠管理
index.html css.css...
分类:Web程序   时间:2014-05-25 13:37:54    阅读次数:226
web标准(复习)--8
今天我们开始学习下拉及多级弹出菜单,包含以下内容和知识点:带下拉子菜单的导航菜单 绝对定位和浮动的区别和运用 css自适应宽度滑动门菜单 一、带下拉子菜单的导航菜单下拉菜单在一些企业网站应用尤为广泛,它存在使用方便,占用空间小等特点。之前纵向导航教程中已使用过二级导航,今天制作下横向导航菜单的二级菜...
分类:Web程序   时间:2014-05-25 03:05:23    阅读次数:324
web标准(复习)--7 横向导航菜单
今天我们开始学习html列表,包含以下内容和知识点:横向列表菜单 用图片美化的横向导航 css Sprites 一、横向列表菜单前边学习过纵向导航菜单,又学习了float属性,那么要实现横向导航菜单是不是很简单了,只需要把li横向排列就可实现了。把第四节的代码拿过来直接用,修改后的代码如下:首页网页...
分类:Web程序   时间:2014-05-25 02:25:51    阅读次数:263
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!