您所在的位置: 首页>行业资讯>菏泽建站中CSS样式表常见的两种使用方法

菏泽建站中CSS样式表常见的两种使用方法

发表于:2021-09-26 阅读:0 关键词: 建站 CSS 样式 常见 两种 使用方法 去除 超级链接 行业新闻
1.删​​除超链接的下划线,并实现超链接上的悬停和颜色更改: 至 默认情况下,使用DreamWeaver设计的网页中的超链接带有下划线,但看起来并不漂亮。 为了消除这些烦人的下划线,许多报纸和杂志都引入了一些方法来手动将一段代码添加到HTML源代码中。 实际上,在DreamWeave中删除链接的下划线很容易。 首先,在DreamWeaver的Document Windows中创建一个链接。 您可以看到该链接将带有下划线。 如何删除此下划线? 至 1.单击“文本” |“ CSS样式” | 菜单栏上的“编辑样式表...”(或直接按快捷键Ctrl + Shift + E)调出“编辑样式表”对话框窗口。 至 2.单击“新建”,然后在“新建样式(新样式)”对话框中,单击“使用CSS选择器”按钮。 至 3.在“选择器”字段中键入a,然后单击“确定”。 至 4.然后弹出“ CSS样式定义”对话框。 在“类型”类别的修饰中,选中“否”,然后单击“确定”,然后单击“完成”。 您会立即发现该链接的下划线在Document Windows中已消失。 那么当鼠标悬停在链接上时,链接如何改变颜色? 重复上述步骤的第一步和第二步。 然后单击“选择器”旁边的向下箭头,选择“ a:hover”,然后单击“确定”。 在弹出的“样式定义:悬停”对话框中,使用“类型”类别的颜色选择中的任何颜色(例如,选择红色),然后单击“确定”,然后单击“完成”以完成。 按F12预览并将鼠标放在链接上。 链接会变成红色吗? 如果刚才在“样式定义:悬停”对话框中的“背景”类别中,将背景色选择为绿色,则将鼠标悬停在超链接上时,不仅链接将变为红色,而且链接也将变为红色。 是绿色的背景。 实际上,通过刚才的CSS样式定义对话框,您还可以实现更多特殊效果。 有兴趣的朋友不妨考虑一下。 至 2.创建一个可重用的外部CSS样式表 至 使用DreamWeaver在网页上创建CSS样式后,如果要将样式应用于另一个网页,则无需重新创建CSS样式,只要创建外部CSS样式表(外部CSS样式)即可。 表格),您将来可以随意在样式表文件中调用样式。 为了便于管理,首先在站点所在的文件夹中创建一个新文件夹,并将其命名为CSS,专门用于存储外部样式表文件(其扩展名为css)。 至 1.在文档窗口中按Ctrl + Shift + E弹出“编辑样式表”对话框窗口 至 2,点击“链接”。 至 3.在弹出的链接外部样式表(链接外部样式表)对话框中,单击浏览并找到您刚创建的CSS文件夹。 至 4.在“选择样式表文件”窗口的“文件名”字段中,键入* .css(*可以是任何名称)。 请注意,目前CSS文件夹中实际上没有样式表文件。 在“文件名”列中键入的新名称将成为外部示例样式表中新文件的名称。 例如,在昆山网站制作中,键入title.css,然后单击“选择|”。 好。 至 5.在“编辑样式表”对话框窗口中,将添加一个新的title.css(链接),双击它。 至 6.在弹出的“ title.css”窗口中,单击“新建”。 至 7.在“新样式”对话框中,单击“制作自定义样式(类)”按钮 至 8.在“名称”字段中键入一个名称,例如myheadline,然后单击“确定”。 至 9.在下一个“ title.css中.myheadline的样式定义”对话框中,设置各种设置,例如字体和颜色,完成后单击“确定”。 如果要创建新样式,请单击“新建”,重复步骤6、7、8和9,最后单击“保存”。 “完成”,因此将创建外部样式表文件title.css。 “文字” | 菜单栏上的“ CSS样式”子菜单将在title.css中列出所有样式。 如果要在其他网页上调用此title.css,只需重复上述步骤1至3,然后在“选择样式表文件”窗口的“文件名”列中输入title.css。 点击“选择” | “确定” | “完成”,title.css中的所有样式将显示在“文本” |“页面”菜单栏中。 “ CSS样式&quo; 在子菜单中,您将能够在此页面上应用这些样式。