关于网页结构的设置（css）1

目录

一、id和class选择器

1.id选择器定义

2.class选择器定义

3.选择器的优先级

二、背景

三、文本

1.文本对齐方式

​编辑

2.文本修饰

3.文本转换

​编辑

四、字体

五、链接

六、遇到的问题

---

一、id和class选择器

1.id选择器定义

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

2.class选择器定义

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。class 选择器在 HTML 中以 class 属性表示, 在 CSS 中，类选择器以一个 . 号显示。

3.选择器的优先级

行内样式>ID选择器>类选择器>标签选择器>通用选择器

二、背景

background-attachment的三个值：

scroll：背景图片随着页面的滚动而滚动，这是默认的。

fixed：背景图片不会随着页面的滚动而滚动。

local：背景图片会随着元素内容的滚动而滚动。

页面效果如下：

三、文本

1.文本对齐方式

页面效果：

2.文本修饰

3.文本转换

页面效果：

四、字体

效果：

五、链接

效果：

注:hover要在link和visited后面，active要在hover后面

六、遇到的问题

1.问题描述：css代码完成后，页面上没有相应的效果

可能原因：（1）html未连接css

（2）css代码优先级问题

解决办法：（1）在html代码中连接css

（2）根据优先级进行更改代码以实现相应效果

2.问题描述：无法打开菜鸟教程的网址

可能原因：（1）网络故障

（2）过时的缓存文件或损坏的Cookie导致内部服务器错误

（3）页面上的链接指向错误的位置。

（4）浏览器可能与特定的网站或服务器不兼容

（5）用户权限不够

（6）访问的资源正在被其他程序或进程使用

（7）服务器问题

解决办法：（1）重新连接网络，确保网络的正常运行

（2）清楚浏览器的缓存和浏览记录，恢复默认值

（3）查看链接地址是否正确

（5）查看用户权限

（6）关闭其他的网页重新启动

（7）联系网站管理员或网络管理员