泰牛PHP实地培训

教程详情

• 教程名字：泰牛PHP实地培训
• 教程大小：11.6GB
• 作者：泰牛

轻松搞定Div+Css
第 1 章 div+css的开山篇 1
1.1 什么是div+css 1
1.2 div+css的快速入门案例 1
第 2 章 div+css的必要性 3
2.1 css可以统一我们的网站风格 3
2.2 css可以通过滤镜来控制图片的显示风格 3
第 3 章 css的选择器 5
3.1 选择器的分类 5
3.2 类选择器 5
3.3 id选择器 6
3.4 html标签选择器 7
3.5 伪类选择器 11
3.6 通配符选择器 15
3.7 组合选择器 16
3.7.1 多元素选择器 16
3.8 后代选择器 18
3.9 子元素选择器 19
第 4 章 css选择器的深入讨论 21
4.1 后代选择器再说明 21
4.2 id选择器的优先级高于类选择器 22
4.3 多个类选择器修饰同一个html元素 22
4.4 所有选择器的优先级大比武 23

第 1 章div+css的开山篇
1.1什么是div+css
div是区块，在网页开发中，用来存放内容(文字，图片，表格等等)
css 是层叠样式表，它的作用是用来规定div和div中的内容的位置和样式（颜色，大小，背景，列表的样式）
div+css 结合就可以做到把内容和样式分离，好处是1. 代码简洁，便于维护 2. 理由seo[搜索引擎优化]
1.2div+css的快速入门案例

第 2 章
div+css的必要性
2.1css可以统一我们的网站风格
2.2css可以通过滤镜来控制图片的显示风格
把网站的图片全部变成黑白的，或者模糊的.

第 3 章
css的选择器
3.1选择器的分类
类选择器(class选择器)
id选择器
html元素选择器(标签选择器)
通配符选择器
伪类选择器
组合选择器(多元素选择器，子元素选择器，后代选择器)
3.2类选择器
基本语法:
.类选择器名称{
css属性:属性值；
css属性:属性值；
}

补充：
1.选择器的名称命名规范 .小写字母-小写字母
2.一般说，类选择器是提供给多个html元素来使用

3.3id选择器
基本语法:
#id选择器名称{
css属性:属性值；
css属性:属性值；
}

细节:
1.一般来说id选择器是提供给某一个html元素来使用
2.当我们不确定，有多个html元素来使用该样式时，请使用类选择器

3.4html标签选择器
基本用法:
html标签名称{
属性名:属性值;
属性名:属性值;
}

细节:
1.类选择器的优先级>标签选择器
2.父元素的样式，会被子元素继承
提出一个问题，如何分别指定同一个标签(p)的不同样式

3.5伪类选择器,伪类选择器
3.6通配符选择器
3.7组合选择器
3.7.1多元素选择器
3.8后代选择器

结论:
1. 如果我们的后代选择器的某个元素需要特别的样式，则可以 以下面形式来完
2. 标签选择器优先级 < 类选择器 3.9子元素选择器 基本的语法是 选择器 > 选择器{

}

第 4 章
css选择器的深入讨论
4.1后代选择器再说明

小结: 我们使用后代选择器，尽量使用标签选择器 ， 或者 类选择器 和 标签选择器组合.

4.2id选择器的优先级高于类选择器

4.3多个类选择器修饰同一个html元素

细节:
1.当优先级相同的情况下，在发生冲突时，以写在style内容中的后面那个为准
2.当一个元素被多个类选择器修饰时，它们用空格隔开.
4.4所有选择器的优先级大比武

小结:
1.!important > 行内样式 > id选择器 > 类选择器 > html标签选择器 >通配符选择器> html属性的指定 > 继承的样式属性(层叠 css, 层叠的样式时文本,字体属性)
2.后代元素，会继承他的上级元素的各文本和字体相关的属性

教程截图

教程下载

原文链接：【教程宝盒网】 https://www.jc-box.com/1221.html，转载请注明出处。