css样式连接与选择器，css如何设置网页链接_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:06:27 共计：3610 浏览

1. 打开文档，然后打开“CSS样式”面板。

2. 在“CSS样式”面板中，点击右下角的“新建 CSS 规则”按钮，打开“新建 CSS 规则”对话框。

在“选择器类型”中选择“复合内容(基于选择的内容)”项。

在“选择器名称”中点击右边的下拉箭头，我们可以看到：

a:link：未访问的超链接。

a:visited：已经访问过的超链接。

a:hover：鼠标指针移动到上面时的超链接。

a:active：正在访问的超链接。

3. 在“选择器名称”中选择“a:link”项，然后点击“确定”按钮，打开“CSS 规则定义”对话框。

4. 在“CSS 规则定义”对话框中，在“分类”下拉框中选择“类型”，然后在右边“类型”部分设置链接字体的颜色、大小和修饰等。

5. 设置好以后单击“确定”按钮，完成“a:link”项的设置。

要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成，形式如下：[code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

css的外部链接样式是目前使用比较广泛的链接样式，可以直接在html的头部<head></head>标签之间用<link.../>引入css文件样式。

在网页设计中,由于各种需要,往往创建的CSS样式非常多,有时甚至多达几百行,如果还是将这个CSS样式创建在网页内部,会使网页的HTML代码可读性减弱，页面加载变慢，而且不方便CSS样式修改，此时就需要单独创建一个CSS样式文件，CSS样式文件的后缀名为.css，用外部链接的方式使用CSS。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。