教程狂人联盟网页设计.pdfVIP

CSS概述

⚫CSS（CascadingStyleSheets）是层叠样式

表用来定义网页的显示效果。可以解决html代

码对样式定义的重复，提高了后期样式代码的

可性，并增强了网页的显示效果功能。简

单一句话：CSS将网页内容和显示样式进行分

离，提高了显示功能。

⚫CSS的优点

CSS和HTML结合的方式

⚫sytle属性方式

⚫style方式(内嵌方式)

⚫导入方式

⚫方式

CSS样式优先级和代码规范

⚫样式优先级

⚫代码规范

CSS选择器

⚫就是指定CSS要作用的，那个的名称

就是选择器。意为：选择哪个容器。

⚫CSS选择器的类型

⚫html名选择器。使用的就是html的名

⚫class选择器。其实使用的中的class属性

⚫id选择器。其实使用的是的中的id属性。

CSS扩展选择器

⚫关联选择器

⚫组合选择器

⚫伪元素选择器

CSS的常见操作

⚫CSS中尺度单位的介绍

⚫字体设置

⚫文本设置

⚫背景设置

⚫边框设置

⚫列表设置

⚫鼠标样式设置

CSS中区域和层的概念

⚫区域就是用来定义网页上的一个特定区域，

在这个特定区域内可以包含文字，和表格等

各种网页组件。可用区域来划分网页组件，各个

区域之间都是彼此独立的。

⚫区域的

div和span

二者的区别

CSS滤镜效果

⚫滤镜一词是从摄影方面引过来的，就是滤光镜，

滤色片的意思，它对的颜色进行一定的处理

，以达到不同的效果。如颜色渐变效果，底片曝

光效果和透明色效果等

⚫演示案例

CSS滤镜效果

⚫滤镜一词是从摄影方面引过来的，就是滤光镜，

滤色片的意思，它对的颜色进行一定的处理

，以达到不同的效果。如颜色渐变效果，底片曝

光效果和透明色效果等

⚫演示案例

播客教育