本节简介:包括如何创建标签CSS样式、类CSS样式、IDCSS样式以及复合CSS样式
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
创建类CSS样式基本语法.类名称[属性;属性值;]
复合CSS,例如,四张图片,只定义两张图片。属性ID BOX,选择器#box img,点击属性值,只针对页面中BOX的img标签管用。
ID CSS不要使用数字不要使用中文。不能出数字开头。#ID .属性-html-id#dyg01,ID只能对一个html的对象管用。和类样式不同。
样式选择器才算是设计器是在CC中新出的非常方便。标签选择器。
class可以给多个添加属性 ID只能给一个定属性
创建复合css样式,当仅仅想对某一个对象中的“子”对象进行样式设置时,复合css样式就派上了用场,复合css样式制定组合中前一个对象包含后一个对象,对象之间使用空格作为分隔符
创建IDcss样式,IDcss样式定义的是HTML页面中某一个特定的元素,即网页中只能有一个元素使用某一个ID的属性值。基本语法:#ID名称{属性:属性值;}当ID样式和类样式发生冲突时,将会优先使用IDcss样式
创建类css样式,在新建类css样式时,默认的在类css样式名称前有一个“.”,这说明了此css样式是一个类css样式(class)。基本语法:.类名称{属性:属性值}类css样式可以在一个HTML中被多次调用。
css基本选择器类型:css提供了几种方式,用于进一步优化和自定义格式化效果。创建标签css样式:HTML文档是由多个不同标签组成的,标签选择器可以用来控制标签的应用形式,例如:p选择器可以用来控制页面中所有<p>标签的风格样式,标签名称表示HTML标签名称,如<p>\<h1>\<body>,标签css样式不需要单独进行应用。
创建复合css样式,当仅仅想对某一个对象中的“子”对象进行样式设置时,复合css样式就派上了用场,复合css样式制定组合中前一个对象包含后一个对象,对象之间使用空格作为分隔符
创建IDcss样式,IDcss样式定义的是HTML页面中某一个特定的元素,即网页中只能有一个元素使用某一个ID的属性值。基本语法:#ID名称{属性:属性值;}当ID样式和类样式发生冲突时,将会优先使用IDcss样式
创建类css样式,在新建类css样式时,默认的在类css样式名称前有一个“.”,这说明了此css样式是一个类css样式(class)。基本语法:.类名称{属性:属性值}类css样式可以在一个HTML中被多次调用。
css基本选择器类型:css提供了几种方式,用于进一步优化和自定义格式化效果。创建标签css样式:HTML文档是由多个不同标签组成的,标签选择器可以用来控制标签的应用形式,例如:p选择器可以用来控制页面中所有<p>标签的风格样式,标签名称表示HTML标签名称,如<p>\<h1>\<body>,标签css样式不需要单独进行应用。
ID CSS样式定义的是某一个特定的元素,即网页中只有一个元素使用某一个ID的属性值
ID css样式语法为 #ID名称{属性:属性值;},ID CSS样式优先级高于类样式