初中信息技术浙教版（2023）八年级上册网页的数据呈现完整版课件ppt

这是一份初中信息技术浙教版（2023）八年级上册网页的数据呈现完整版课件ppt，共27页。PPT课件主要包含了实验一，新知1层叠样式表，层叠样式表，CSS，选择符，样式属性2，尝试体验，添加CSS的三种方式，外部样式表，内部样式表等内容，欢迎下载使用。
人工智能 走进人工智能
HTML语言用来组织网页的结构和内容。
优秀的网页数据呈现效果有什么作用？
文字和图片等数据，大小更合适、位置更合理、颜色更统一、协调
网页更美观更便于阅读有整体风格特色
尝试删除、恢复link标签行，观察实验结果。
link代码行实现了整个网页效果的设置

定义网页中数据的外观和表现形式，实现网页效果的设置。
cascading style sheets
新知2：样式表的基本结构
样式属性1:属性值1;
a { clr:green;fnt-size:20px;}
{ }
请你自己尝试添加样式，观察网页的效果变化，进一步掌握样式表的基本结构。
走进人工智能
样式属性1:属性值1;
有三个用不同CSS方式添加了样式的网站，请尝试修改三个网站中所有网页的某一个样式体验三种不同添加CSS的方式的便捷度，并填写表格。
知识链接：标签
{样式属性1:属性值1;
    走进人工智能
实现网页数据样式的精准控制
有三个用不同CSS方式添加了样式的网站，请尝试修改三个网站中所有网页的某一个样式体验三种不同添加CSS的方式的便捷度，并填写表格。
内部样式表实现了网页内容与样式的基本分离外部样式表实现了网页内容与样式的完全分离
1.层叠样式表CSS2.样式表的作用3.样式表的基本结构4.CSS降低网页代码耦合度带来的便捷
用css来美化自己主题网站的网页，你可以从改变文字的字体和颜色开始，然后尝试添加平铺背景图等样式效果。