DW CS3网页制作之CSS布局规则

一抹红尘为谁笑

一抹红尘为谁笑

2016-02-19 19:32

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的DW CS3网页制作之CSS布局规则教程,一起来看看吧!超容易上手~

  CSS文件的链接方式

  ·附加链接:外部CSS文件

  ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中

  CSS规则定义有三种:

  1)类比如“.RedText”、“.BlueText”和“.BigText”等等

  2)标签针对原有HTML标签做的重新CSS定义

  3)高级伪类、定义了ID的元素,以及综合性定义

  CSS规则的应用

  ·只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。

  ·class与id的区别

  ·标签应用一般对于“body”标签一次性使用,对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。

  ·高级多运用,定义“#id li”比定义“li”要好得多。

  CSS规则的执行顺序

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  ·按照CSS代码的执行先后顺序

  ·如果有重复的规则,按照后执行的定义

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  ·最终规则是多个定义规则的综合

  重点:高级规则定义

  1.对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)

  2.一页中的多种超级链接样式定义

  3.多个相同规则不同对象的CSS共同定义

  4.对于同一对象定义的多种CSS方式考虑哪种更科学(扩展性和代码精简性)

  网页制作之CSS布局规则" src="/newsfile/16000-16999/16275/080713235716390.gif" width=465 border=0

展开更多 50%)
分享

猜你喜欢

DW CS3网页制作之CSS布局规则

Web开发
DW CS3网页制作之CSS布局规则

Dreamweaver CS3网页制作之CSS布局规则

Web开发
Dreamweaver CS3网页制作之CSS布局规则

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Dm CS3网页制作中的CSS布局规则

Web开发
Dm CS3网页制作中的CSS布局规则

了解Dreamweaver CS3的CSS布局规则

Web开发
了解Dreamweaver CS3的CSS布局规则

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver CS3中的CSS布局规则

Web开发
Dreamweaver CS3中的CSS布局规则

Adobe CS2.3网页

平面设计 标志设计 UI设计 VI设计
Adobe CS2.3网页

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

BORLAND第三方组件安装方法

BORLAND第三方组件安装方法

CSS长度单位优化方法

CSS长度单位优化方法
下拉加载更多内容 ↓