怎么创建css样式表,怎样创建可反复使用的外部CSS样式表?[通俗易懂]
大家好,又见面了,我是你们的朋友全栈君。
创建可反复使用的外部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.cn/158963.html原文链接:https://javaforall.cn
相关文章
- 使用代码给 SAP UI5 XML 视图添加自定义 CSS
- html样式表优点,css样式表的使用有哪些优点?
- 如何使用CSS伪类选择器
- CSS笔记(12)
- 【说站】css中position常见的四个属性值
- 【说站】css中使用a标签的伪类选择器注意点
- 【说站】css文本修饰text-decoration的使用
- CSS高级特性
- CSS 关于line-height详细讲解
- 使用html css实现180箭头旋转,纯CSS实现箭头旋转「建议收藏」
- 一个初级前端结合css、div谈一谈屏幕尺寸、分辨率、缩放(显示文本、应用等项目的大小)概念
- 前端html和css总结
- TailwindCSS—一个用于实现快速UI开发的实用工具集CSS框架。
- 如何使用CSS创建高级动画,这个函数必须掌握
- 【CSS】CSS 层叠样式表 ③ ( CSS 引入方式 - 外链式 | CSS 样式规则 )
- 【CSS】CSS 复合选择器 ② ( 子元素选择器 | 交集选择器 )
- 【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )
- 【CSS】PhotoShop 切图 ③ ( PhotoShop 切图插件 - Cutterman | 下载、安装、启动、注册、登录 Cutterman - 切图神奇 插件 | 使用插件进行切图 )
- 纯 CSS 制作的响应式图标集:Cikonss
- 使用 Emmet 提高编写 CSS 的效率
- 【CSS】使用 CSS 实现三角形 ( 宽高设置为 0 | 设置四个边框宽度 / 样式 / 颜色值 | 兼容低版本浏览器 | 基本示例 | 对话框示例 )
- CSS实现三列图片等宽等间距布局详解编程语言
- css样式小记详解编程语言
- Element-UI 框架使用引入css详解编程语言
- CSS强制文本在一行内显示若有多余字符则使用省略号表示详解编程语言
- JS操作CSS样式(非常详细)
- 突破界限css与mysql的力量(css和mysql)
- HTML结构化:实践DIV+CSS网页布局入门指南
- CSS学习笔记Padding属性中参数的定义与使用
- javascript实现的样式表(CSS)格式整理与压缩
- php压缩多个CSS为一个css的代码并缓存