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