怎么创建css样式表,怎样创建可反复使用的外部CSS样式表?[通俗易懂]

怎么创建css样式表,怎样创建可反复使用的外部CSS样式表?[通俗易懂]创建可反复使用的外部CSS样式表用DreamWeaver在某网页中创建了一种CSS样式后,如果你要在另外的网页中应用该样式,你不必从新创建该CSS样式,只要你创建了外部CSS样式表文件(externalCSSstylesheet),你便可以在今后任意调用该样式表文件中的样式。为了便于管理,先在站点所在文件夹中,新建一个文件夹,取名为CSS,专门用于放置外部样式表文件(其扩展名为css)。1、在Do…

大家好,又见面了,我是你们的朋友全栈君。

创建可反复使用的外部CSS样式表

用DreamWeaver在某网页中创建了一种CSS样式后,如果你要在另外的网页中应用该样式,你不必从新创建该CSS样式,只要你创建了外部CSS样式表文件(externalCSSstylesheet),你便可以在今后任意调用该样式表文件中的样式。

为了便于管理,先在站点所在文件夹中,新建一个文件夹,取名为CSS,专门用于放置外部样式表文件(其扩展名为css)。

1、在DocumentWindow中按Ctrl+shift+E,调出EditStyleSheet(编辑样式表)对话框窗口

2、点击”link”。

3、在弹出的LinkExternalStyleSheet(链接外部样式表)对话框,点BROWSE,找到刚才创建的CSS文件夹。

4、在SelectStylesheetFile(选择样式表文件)窗口”文件名”栏中,键入*。

css(*可以为任意名),请注意,事实上此时在CSS文件夹中并无样式表文件,在”文件名”栏中键入的新名字将成为外部样式表新文件的名字。比如键入title。css,,然后点Select|OK。

5、在EditStyleSheet(编辑样式表)对话框窗口中,会新增加title。

css(link),双击它。

6、在弹出的”title。css”窗口中,点”New”。

7、在”NewStyle”对话框中,点选”MakeCustomStyle(class)”按钮

8、在Name栏中键入某个名字,如myheadline,点OK。

9、在接下来的”Styledefinitionfor。myheadlineintitle。css”对话框中,进行字体、颜色等各种设置,完成后点OK。如还要创建新的样式,再点”New”,重复刚才的步骤6、7、8、9,最后点”save”|”done”,于是title。

css这个外部样式表文件便创建好了。菜单栏上的”TEXT”|”CSSStyles”子菜单中将会列出title。css中的所有样式。如要在其他网页中调用这个title。css,只需重复上述1至3步,然后在SelectStylesheetFile窗口”文件名”栏中输入title。

css。点”select”|”ok”|”done”,title。css中所有的样式便会出现在该网页菜单栏上的”Text”|”CSSStyles”子菜单中,你将可以在此网页中应用这些样式。

全部

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/158963.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月14日 下午6:00
下一篇 2022年7月14日 下午6:16


相关推荐

  • docker搭建kafka集群

    docker搭建kafka集群docker搭建kafka集群我在M1mbp上使用的以下镜像新建文件zk-kafka-docker-compose.ymlversion:”2″services:zookeeper:user:rootimage:docker.io/zookeeperports:-“12181:2181″environment:-ALLOW_ANONYMOUS_LOGIN=yesvolumes:-zoo

    2022年4月25日
    36
  • CompoundButton.OnCheckedChangeListener与RadioGroup.OnCheckedChangeListener冲突

    CompoundButton.OnCheckedChangeListener与RadioGroup.OnCheckedChangeListener冲突当RadioGroup与CompoundButton同时存在且都要监听事件时CompoundButton.OnCheckedChangeListener与RadioGroup.OnCheckedChangeListener就会出现冲突,导入任何一个包importandroid.widget.RadioGroup.OnCheckedChangeListen…

    2022年6月5日
    38
  • Java设计模式(三)之创建型模式:单例模式

    Java设计模式(三)之创建型模式:单例模式

    2021年4月9日
    154
  • 微信小程序–电池容量、电池剩余电量样式

    微信小程序–电池容量、电池剩余电量样式效果如图所示:竖列的我用的旋转横列90度实现的wxml:<viewclass=”complex”><viewdata-charge=’0’class=”battery”></view><viewdata-charge=’1’class=”battery”></view><viewdata-charge=’2’class=”battery”></view&gt…

    2022年8月18日
    9
  • mysql ddl dml dql(MySQL教程)

    1.DML操作DML是指数据操作语言,英文全称是DataManipulationLanguage,用来对数据库中表的记录进行更新。关键字:SELECT、UPDATE、INSERT、DELETE,是对数据库中的数据进行操作。1.1insertinsertintotname[(fie1,fie2,…)]values(val1,val2,…);1.1.1单条插入#插入一条完整的记录:值的顺序要和表中字段的顺序保持一致insertintostuvalues(‘haha@1

    2022年4月10日
    45
  • Origin绘图快速上手指南「建议收藏」

    Origin绘图快速上手指南「建议收藏」1、创建工程打开origin后,点击菜单栏“文件”,选择“项目另存为”,给项目命名,并存到某个工作路径。2、导入数据然后将excel中的数据(只要数据)选中后复制到Book1中,从第5行开始粘贴。可以在侧面打开“项目管理器”,给表格“Book1”重命名为“曲线数据”。还可以在表格的“长单位”处给每列数据加上标签。3、那么这时可以直接使用Origin的自动绘图功能了。选择A、B、C所有列,然后点击菜单栏的“绘图”,选择一个折线图,双击即可绘图。这样呢就是将两条曲线放到同一张图中了。如果想要自定

    2022年5月31日
    60

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号