• 欢迎各位同学来教程宝盒网学习,这里一切都是免费的!
  • 喝水不忘挖井人,下载前请先评论下,对我们的小小鼓励!
  • 如果没有找到你想要的教程,可以在本站留言,我们会第一时间给你找到~

教程详情

  • 教程名字:泰牛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.后代元素,会继承他的上级元素的各文本和字体相关的属性

教程截图

泰牛PHP实地培训

教程下载

下载与分享

原创文章转载请注明出处: : 泰牛PHP实地培训 | 教程宝盒网 链接:https://www.jc-box.com/1221.html

您可能还会对这些文章感兴趣!

我来说说

(必须)

(必须,保密)

严重鄙视飘过不留毛的鸟
取消