建站第一步——创建本地静态站点 双击视频全屏
您的Flash Player版本过低,请进行网页播放器升级

"DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。 ""DIV+CSS""其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。"

8:11 初级 更多介绍>>
软件

DIV_CSS

目录 介绍
初级
    建站第一步——创建本地静态站点 播放中
    设置远程服务器——创建企业网站站点
    dreamweaver的使用
    内联CSS样式——控制文本显示效果
    内部CSS样式——控制页面整体效果
    外部CSS样式——链接外部CSS样式表文件
    @import方式——导入外部CSS样式
    margin——控制网页元素的位置
    border——为网页元素添加边框
    padding——控制Div中内容的位置
    相对定位——设置网页元素的相对位置
    绝对定位——设置网页元素的绝对位置
    固定定位——固定的网页导航
    浮动定位——制作作品列表
    空白边叠加——控制元素的上下边距
    流体网格布局——制作个人作品展示页面
    定义页面背景颜色——制作个人作品网站页面
    定义背景图像——为网页添加背景图像
    背景图像的位置——控制网页中背景图像的位置
    固定背景图像——控制网页的背景图像固定不动
    background-size属性(CSS3.0)——控制背景图像大小
    background-origin属性(CSS3.0)——控制背景图像显
    background-clip属性(CSS3.0)——控制背景图像的裁
    定义字体——制作广告页面
    定义英文字体大小写——制作英文网站页面
    定义字体下划线、顶划线和删除线——网页文字修饰
    定义字间距和行间距——制作网站公告
    定义段落首字下沉——制作企业介绍页面
    定义段落首行缩进——制作设计公司网站页面
    定义段落水平对齐——制作网站弹出页面
    定义文本垂直对齐——制作产品介绍页面
    使用Web字体——在网页中使用特殊字体
中级
    CSS类选区——应用多个类CSS样式
    text-shadow属性(CSS3.0)——为网页文字添加阴影
    word-wrap属性(CSS3.0)——控制网页文本换行
    text-overflow属性(CSS3.0)——控制文本溢出
    图片边框——修饰网页图像
    图片缩放——自适应窗口大小的图片
    图片的水平对齐——制作产品展示页面
    图片的垂直对齐——制作饮品展示页面
    实现图文混排效果——制作产品介绍页面
    border-colors属性(CSS3.0)——为图像添加多种色彩
    border-radius属性(CSS3.0)——实现圆角边框
    border-image属性(CSS3.0)——实现图像边框
    ul无序列表——制作新闻栏目
    ol有序列表——制作网站公告
    更改列表项目样式——制作方块列表效果
    使用图片作为列表样式——制作图像列表
    定义列表——制作音乐列表
    列表的应用——制作横向导航菜单
    制作纵向导航菜单
    content属性(CSS3.0)——赋予Div内容
    opacity属性(CSS3.0)——实现元素的半透明效果
    创建数据表格——制作企业网站新闻页面
    设置表格边框和背景——制作精美表格
    为单元行应用类CSS样式——实现隔行变色的单元格
    应用CSS样式的hover伪类——实现交互的变色表格
    设置表单元素的背景颜色——制作商品搜索
    设置表单元素的边框——美化登录框
    60使用CSS定义圆角文本字段
    61使用CSS定义下拉列表——制作多彩下拉列表
    column-width属性(CSS3.0)——实现网页文本分栏
    column-count属性(CSS3.0)——控制网页文本分栏数
    column-gap属性(CSS3.0)——控制网页文本分栏间距
    column-rule属性(CSS3.0)——为分栏添加分栏线
    定义超链接样式——制作活动公告
    超链接伪类应用——制作按钮式超链接
    超链接伪类应用——制作图像式超链接
    使用CSS定义鼠标指针样式——改变默认的鼠标指针
    使用CSS定义鼠标变换效果——实现网页中的鼠标变换效
高级
    box-shadow属性(CSS3.0)——为网页元素添加阴影
    overflow属性(CSS3.0)——网页元素内容溢出处理
    resize属性(CSS3.0)——在网页中实现区域缩放调节
    outline属性(CSS3.0)——为网页元素添加轮廓边框
    Alpha滤镜——实现网页中半透明效果
    BlendTrans滤镜——制作图像切换效果
    Blur滤镜——实现网页中的模糊效果
    FlipH和FlipV滤镜——实现网页内容水平和垂直翻转
    DropShadow滤镜——为网页元素添加阴影
    XML与CSS——制作学生信息管理页面
    使用CSS实现XML中特殊效果——隔行变色的信息列表
    在HTML页面中调用XML数据——制作摄影图片网页
    使用JavaScript实现可选择字体大小——制作新闻页面
    使用JavaScript实现图像滑动切换——制作图像页面
    使用JavaScript实现特效——制作动态网站相册
    插入Spry菜单栏——制作导航下拉菜单
    插入Spry选项卡式面板——制作选项卡式新闻列表
    插入Spry折叠式面板——制作个人网站页面
    插入Spry可折叠面板——制作可折叠栏目
    插入Spry工具提示——制作图片展示页面
视频 90个 总时长8:19:16

"DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提起DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。 ""DIV+CSS""其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。"