实验三  web前端页面css代码编写
学院： 年级： 实训课程名称：电子商务技术基础 姓名：
学号:    指导老师：11月12日
一、实验目的
掌握CSS样式规则；
理解CSS的层叠性和继承性；
学会运用CSS选择器定义样式
二、实验内容
1、掌握CSS的基本语法；
2、掌握CSS三种选择器、三种使用方法以及常用属性；
3、使用CSS为HTML页面设置样式。
三、实验结果
CSS的使用
CSS与html结合使用
根据定义CSS的位置不一样，分为行内样式、内部样式和外部样式web
行内样式
也称为内联样式
直接在标签中编写样式，经过使用标签内部的style属性;浏览器
代码样式：
弊端:只能对当前的标签生效，没有作到内容和样式相分离，耦合度过高。
内部样式
定义在head标签内，经过style标签，该标签内容就是CSS代码布局
css简单网页代码
基本选择器
筛选具备类似特征的元素
id选择器
选择具备相同id属性值的元素，建议html页面中的id值惟一
id 选择器能够为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。
PS: ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起做用。
虽然多个元素可使用同一个id选择器控制样式，可是不推荐。若是须要一样的样式对多个标签生效， 使用class选择器。
class选择器
选择具备相同的class属性值的元素。
class 选择器用于描述一组元素的样式，class 选择器有别于id选择器。
class能够在多个元素中使用。 class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示
四、实验总结
CSS层叠样式表，是用于控制网页样式，是以HTML为基础提供丰富的格式化功能，由字体，颜，背景，整体排版等。
CSS是以HTML为基础，提供丰富的格式化功能，是将样式信息与网页内容分离的一种记性的语言。
在学会使用Css美化网站后,感CSS是一个神奇的东西,使我感觉好奇，是什么力让网页可以这样变化，在自己完完整整做了一遍后才知道其中的奥妙。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。