1.CSS样式基本应用

1.1 概念

层叠样式表

<style type="text/css">
body {background-color: #F00;}

p{color:#0F0;}
</style>

1.2 创建CSS样式

1.21 方法

1.使用CSS样式面板

2.属性面板进行创建

.

3. 手工输入代码

1.22

选择内容进行样式设计

设计样式，取名，将内容选择该样式

1.3 CSS选择器

1.31 标记选择器——所选标记，所有都用这个样式

1.32 类别选择器——选用该样式的应用该样式

1.34 ID选择器——仅用于一个ID内容，是唯一的

1.35 选择器的复合声明——可以同时声明多个选择器，可以是同类型，也可不同类型

声明内容用，隔开

1.4 修改CSS样式

1.41 整体修改

1.42

1.当前样式 属性

2.该项所有样式

3. 样式分类

1.5 嵌套与继承

1.51 嵌套

<style type="text/css">

p e{color: #3FF;}   //   e{color: #3FF;}

</style>

<body>

<p>内容1 <e>aaa</e></p>
<p>内容2</p>
<p>&nbsp;</p> <e>aaa</e>

</body>

1.p e{color: #3FF;}

2.e{color: #3FF;}

1.52 继承

将HTML标记看作一个个容器，其中被包含的小容器会继承所包含他的大容器的风格样式

如：

父亲层的样式子层都有

1.6 应用CSS到网页中

1.61 方式

1.611 内嵌式——写在head头部信息中——整个页面适用

1.612 行内样式——写在HTML标记里面——当前部位适用

16.13 链接式——创建样式文件——多个页面适用

1.创建规则

2.创建文件

3.链接样式文件

1.7 常见设置

1.71 类型样式

1.72 背景样式

1.73 区块样式

1.74  方框与边框样式

1.75 导航栏

1.76 超链接样式

超链接状态：

a:link　　　　超链接默认状态

a:visited　　　　已浏览过的链接

a:hover　　　　鼠标经过时

a:active　　　　点击链接时

1.77 设置技巧

用嵌套与继承

1.18 滤镜

2.DIV层布局与Spry构件

2.1认识Spry构件

Spry构件

Spry验证表单

Spry XML 数据显示

2.2 Spry构件类型

Spry菜单栏

Spry选项卡式面板

Spry折叠式

Spry折叠面板

Spry工具提示

2.3DIV布局+CSS样式

1.先创建DIV标签

2.设置对应CSS样式

2.4 Spry菜单栏

选择Spry菜单栏，保存页面，选择布局

在属性面板中添加项目名称，链接

2.5 Spry折叠式——点击点开

选择Spry折叠式

在属性面板中选择标签，并添加标签内容

2.6 Spry可折叠面板——双击点开、关闭

在属性面板中设置面板状态

2.7 Spry选项卡式面板

在属性面板中进行设置

2.8 Spry工具提示

2.9 调整与测试

Dreamweaver 2的更多相关文章

  1. Dreamweaver 扩展开发：C-level extensibility and the JavaScript interpreter

    The C code in your library must interact with the Dreamweaver JavaScript interpreter at the followin ...

  2. Dreamweaver 扩展开发： Calling a C++ function from JavaScript

    After you understand how C-level extensibility works in Dreamweaver and its dependency on certain da ...

  3. Dreamweaver 扩展开发：文档路径等信息的处理

    //browseFile(fieldToStoreURL){ //getFullPath(filePathURL){ //getSimpleFileName() { //fixUpPath(docUR ...

  4. 编码转换的处理 DreamWeaver SC6 打开会出现javacsript出现问题的处理

      编码转换的处理: 打开DW后,修改里面有个"页面属性": 点击页面属性,会弹出一个窗口,点击"标题/编码",在"编码"里面选择你要转换的 ...

  5. Dreamweaver架设网站终极教程

    转自:http://www.cnblogs.com/loveme513/archive/2006/04/03/365969.html 一.定义站点 1. 在任意一个根目录下创建好一个文件夹(我们这里假 ...

  6. 使用dreamweaver去掉文本中的空格和换行

    当我们从其他地方拷贝文本到网页,在html代码中会自动带有空格和换行,手动去掉很麻烦,今天试着用dreamweaver去了一下,方法如下: 1.点击Ctrl+F,打开“查找和替换”窗口 2‘见下图:

  7. dreamweaver快捷键

    ---恢复内容开始--- 件菜单 新建文档 Ctrl+N 打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中 在框架中打开 Ctrl+Shift+O 关闭 ...

  8. Adobe Dreamweaver代码编辑

    Adobe Dreamweaver 同义词 DW(Adobe Dreamweaver的缩写)一般指Adobe Dreamweaver Adobe Dreamweaver,简称“DW”,中文名称 &qu ...

  9. Dreamweaver 升级问题汇总

    Adobe的产品开始从CC (Creative Cloud) 开始转向云平台,CS将逐渐成为过去时.不过CC并不限制用户在同一台机器上同时使用CS和CC,这种策略估计要持续较长一段时间. If you ...

  10. Dreamweaver扩展注意事项

    对Dreamweaver扩展做了一些整理. 扩展开发扩展(Extension),是应用程序给用户预留的二次开发接口.Dreamweaver提供了对菜单,插入栏(Insertbar),浮动框等GUI部件 ...

随机推荐

  1. 用Java实现MVPtree——MVPtree点集内去重以及衍生出来的多维向量Hash问题

    上次完成了MVPtree之后,客户又提出了MVPtree点集元素重复的问题,希望我将元素去重. 集合去重哪家强?java.util找HashSet!如果不计较元素顺序,放进去基本就没有重复元素了. 只 ...

  2. django创建ORM模型、通过ORM模型操作单个表、ORM模型常用字段

    一.ORM简介 ORM ,全称Object Relational Mapping,中文叫做对象关系映射,通过ORM我们可以通过类的方式去操作数据库,而不用再写原生的SQL语句.通过把表映射成类,把行作 ...

  3. UI简述

    UI的全称是user interface,即是用户界面.UI设计是指对软件的人机交互,操作编辑,界面美观的整体设计,从简单的角度来说就是,UI是视觉上的东西,包括logo.软件.网页的按钮.网页导航, ...

  4. 01：jQuery的下拉选select2插件用法

    1.1 select2插件基本使用 1.下载select2插件 1. 下载地址:https://github.com/select2/select2 2.官网地址:https://select2.or ...

  5. SVM学习笔记5-SMO

    首先拿出最后要求解的问题:$\underset{\alpha}{min}W(\alpha)=\frac{1}{2} \sum_{i,j=1}^{n}y^{(i)}y^{(j)}\alpha_{i}\a ...

  6. 数论+矩阵快速幂|斐波那契|2014年蓝桥杯A组9-fishers

    标题:斐波那契 斐波那契数列大家都非常熟悉.它的定义是: f(x) = 1 .... (x=1,2) f(x) = f(x-1) + f(x-2) .... (x>2) 对于给定的整数 n 和 ...

  7. 【做题】neerc2017的A、C、I、L

    A - Archery Tournament 一开始往化简公式的方向去想,结果没什么用. 考虑与一条垂线相交的圆的个数.不难YY,当圆的个数最多时,大概就是这个样子的: 我们稍微推一下式子,然后就能发 ...

  8. Graph Convolutional Networks (GCNs) 简介

    Graph Convolutional Networks 2018-01-16  19:35:17 this Tutorial comes from YouTube Video:https://www ...

  9. Derek解读Bytom源码-启动与停止

    作者:Derek 简介 Github地址:https://github.com/Bytom/bytom Gitee地址:https://gitee.com/BytomBlockchain/bytom ...

  10. kylin3

    RDBMS: 关系数据库管理系统(Relational Database Management System),是将数据组织为相关的行和列的系统,而管理关系数据库的计算机软件就是关系数据库管理系统, ...