CSS自学教程--一天搞定CSS(终篇总结)
来源:互联网 发布:vb.net 复制文件夹 编辑:程序博客网 时间:2024/05/22 15:41
虽然说是一天搞定CSS,实际上也没有那么简单。只能说让你快速了解常见的CSS知识,解决基本的页面样式布局和设置。
每个独立的CSS知识点都比较简单,但是它们的应用非常灵活,特别是在综合应用中。
粗略说,大概也就十几个知识点:
1.CSS用法篇
1.CSS基本概念,以及分类
http://blog.csdn.net/baidu_37107022/article/details/71249345
2.表框border—粗细,样式,颜色
http://blog.csdn.net/baidu_37107022/article/details/71250059
3.背景background—背景颜色、背景图片以及定位、滚动、重复
http://blog.csdn.net/baidu_37107022/article/details/71250182
4.字体font—颜色、大小、字体类别、行高、粗细
http://blog.csdn.net/baidu_37107022/article/details/71271837
5.盒模型box—content、padding、border、margin
http://blog.csdn.net/baidu_37107022/article/details/71272900
6.文本text–颜色、缩进、单词间距
http://blog.csdn.net/baidu_37107022/article/details/71272560
7.CSS选择器—class、id、标签、群组、包含、通配符
http://blog.csdn.net/baidu_37107022/article/details/71440686
8.CSS选择器优先级–行间>id>class>标签>通配符
http://blog.csdn.net/baidu_37107022/article/details/71440766
9.样式初始化—淘宝样式初始化
http://blog.csdn.net/baidu_37107022/article/details/71440877
10.浮动float–left、right、none
http://blog.csdn.net/baidu_37107022/article/details/71515984
11.清除浮动float—浮动的缺点、浮动与inline-block区别
清除浮动:http://blog.csdn.net/baidu_37107022/article/details/71557806
浮动(float)的副作用:http://blog.csdn.net/baidu_37107022/article/details/71554283
浮动(float)与inline-block的区别:http://blog.csdn.net/baidu_37107022/article/details/71516634
12.overflow—子级溢出父级的问题处理,auto、hidden、visible、scroll
http://blog.csdn.net/baidu_37107022/article/details/71617407
13.两种布局—BFC和Layout
BFC布局与普通文档流布局比较:
http://blog.csdn.net/baidu_37107022/article/details/71634396
支持IE的Layout布局:http://blog.csdn.net/baidu_37107022/article/details/71640304
14.定位position—fixed,relative,absolute,static
http://blog.csdn.net/baidu_37107022/article/details/71642147
15.层级z-index
http://blog.csdn.net/baidu_37107022/article/details/71642885
16.表格table—table、thead、tbody、tfoot、tr、th、td
http://blog.csdn.net/baidu_37107022/article/details/71713281
17.表单form—input、label、textarea
http://blog.csdn.net/baidu_37107022/article/details/71713723
2.浏览器兼容性
WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理–01
http://blog.csdn.net/baidu_37107022/article/details/71972223
WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理–02
http://blog.csdn.net/baidu_37107022/article/details/71973570
WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理–03
http://blog.csdn.net/baidu_37107022/article/details/71977053
3.练习篇
【小练习01】CSS–PS提示框制作
http://blog.csdn.net/baidu_37107022/article/details/71330741
【小练习02】CSS–网易产品
http://blog.csdn.net/baidu_37107022/article/details/71330797
【小练习03】CSS-表格(table)–天气预报
http://blog.csdn.net/baidu_37107022/article/details/71713520
【小练习04】HTML+CSS–医药健康小页面
http://blog.csdn.net/baidu_37107022/article/details/71747086
【小练习05】HTML+CSS–淘宝商铺小页面
http://blog.csdn.net/baidu_37107022/article/details/71747249
【小练习06】HTML+CSS–电影公告
http://blog.csdn.net/baidu_37107022/article/details/71747637
【小练习07】HTML+CSS–教学大讲堂
http://blog.csdn.net/baidu_37107022/article/details/71747682
4.扩展:CSS Hack
一天搞定CSS(扩展):CSS Hack
http://blog.csdn.net/baidu_37107022/article/details/72128522
- CSS自学教程--一天搞定CSS(终篇总结)
- HTML自学教程--一天搞定HTML(总结)
- 一天搞定CSS(扩展):CSS Hack
- 一天搞定CSS:表格(table)--19
- 一天搞定CSS:表单(form)--20
- 一天搞定CSS: overflow--14
- 一天搞定CSS:初识css--01
- 一天搞定CSS:css选择器--07
- 一天搞定CSS: CSS选择器优先级--08
- 一天搞定CSS: 浮动(float)及文档流--10
- 一天搞定CSS: 浮动(float)的副作用--12
- 一天搞定CSS: 清除浮动(float)--13
- css,进制,尺寸(自学)的总结
- PHP自学之路-----DIV+CSS(第一天)
- 一天搞定CSS:边框border--02
- 一天搞定CSS:背景background--03
- 一天搞定CSS:字体font--04
- 一天搞定CSS:文本text--05
- java poi上传excel保存数据库
- python基础学习(八):字符串格式化
- angular 价格符号
- 汇编程序:将字符串中所有大写字符转为小写
- Visual Studio For Mac
- CSS自学教程--一天搞定CSS(终篇总结)
- ionic入门之深链接和延迟加载
- input的value值在页面上被改变,但是查看器代码中值不改变
- mysql批量更新多条记录的同一字段为不同值
- Mac下将QT程序打包成能发布到Mac App store的pkg安装包
- 在vmware虚拟机上安装ubuntu操作系统
- RFCN论文笔记
- shiro身份验证和授权入门
- iOS 点击事件传递及响应