虽然说是一天搞定CSS,实际上也没有那么简单。只能说让你快速了解常见的CSS知识,解决基本的页面样式布局和设置。

每个独立的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

一天搞定CSS---终篇CSS总结的更多相关文章

  1. 手把手教你学Numpy,搞定数据处理——收官篇

    本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是Numpy专题第6篇文章,我们一起来看看Numpy库当中剩余的部分. 数组的持久化 在我们做机器学习模型的研究或者是学习的时候,在完成 ...

  2. 3D 穿梭效果?使用 CSS 轻松搞定

    背景 周末在家习惯性登陆 Apex,准备玩几盘.在登陆加速器的过程中,发现加速器到期了. 我一直用的腾讯网游加速器,然而点击充值按钮,提示最近客户端升级改造,暂不支持充值(这个操作把我震惊了~).只能 ...

  3. sass笔记-1|Sass是如何帮你又快又好地搞定CSS的

    Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,这些搜索引擎会告诉你,我们从sass的作用开始讲起,知道sass用来干什么,有什么作用,我们才能相信用sass的好处,并且时时刻刻想着sa ...

  4. DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)

    CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明. 1.div的垂直居中问题 vertical-align:middl ...

  5. 一天搞定CSS(扩展):CSS Hack

    做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现.我个人是不太推荐使用hack的,要知道 ...

  6. 一天搞定CSS:初识css--01

    1)CSS:层叠样式表(英文全称:Cascading Style Sheets) 是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. C ...

  7. 全面系统讲解CSS工作应用+面试一步搞定

    [TOC] 一.课程介绍 二.HTML基础强化 html常见元素和理解 html常见元素分类 head区元素:(不会在页面上留下元素) * meta * title * style * link * ...

  8. CSS基础篇之了解CSS和它的基本属性

    CSS是什么? CSS英文全名是Cascading Style Sheets翻译过来就是层叠样式表,它主是把网页表现与内容分离的一种样式设计语言.这种语言能优化我们编程,把东西简化和优化写法,而且不同 ...

  9. 如何搞定前端资源服务跨域问题之nginx篇

    问题描述 1.首先让我们先看一张图 2.从图中,我们可以很清楚的看到当http请求的站点访问https的资源的时候会报出“Cross-Origin”跨域的问题.为什么会出现这样的错误,这是因为涉及到“ ...

随机推荐

  1. 日志框架SLF4J

    1.什么是SLF4J SLF4J:Simple Logging Facade for Java,为java提供的简单日志Facade.Facade门面,更底层一点说就是接口.它允许用户以自己的喜好,在 ...

  2. Visual Studio(VS) F12 查看DLL源代码

    前言 我在VS中调试某个函数时,突发奇想"能不能使用VS的F12(转到定义)查看这个dll中当前函数的实现(源码),而不是像VS自带功能那样只能看到函数名和参数?" 回想起来在安装 ...

  3. 如何使用HTML5自定义数据属性

    在本文中,我将向你介绍如何使用HTML5自定义数据属性.我还将向你介绍一些开发人员在工作中经常使用的优秀实例. 为什么需要自定义数据属性? 很多时候我们需要存储一些与不同DOM元素相关联的信息.这些信 ...

  4. 转Fiddler 构造http请求

    今天使用Fiddler构造一个POST请求,server端的PHP脚本的 $_POST数组中怎么也获取不到值,后来偶然发现是因为缺少了一个http头:Content-Type: application ...

  5. Elasticsearch 默认配置 IK 及 Java AnalyzeRequestBuilder 使用

    摘要: 原创出处 www.bysocket.com 「泥瓦匠BYSocket 」欢迎转载,保留摘要,谢谢!   『 春夏秋冬失去了你,我怎么过一年四季- 民谣歌词 』   本文提纲 一.什么是 Ela ...

  6. java中使用fastjson、jackson、json-lib解析JSON-------------------妈妈再也不用担心JSON解析

    1.fastjson引入包<dependency> <groupId>com.alibaba</groupId> <artifactId>fastjso ...

  7. 阿里云主机试用之自建站点和ftp上传所遇的2个问题

    1.Access to the requested object is only available from the local network 其实我并没有自建站点,只是使用了XAMPP来建了ap ...

  8. iOS开发tips-UINavigationBar的切换

    概述 在iOS系统中,如果控制器是以push方式进行管理的话,那么事实上多个控制器是共享的同一个导航栏.当然iOS系统的设计无可厚非,但是国内的应用经常会遇到很多个性的设计,就比如说A push到 B ...

  9. JS实现鼠标悬浮,显示内容

    其实就是增加title属性

  10. JavaScript、Python、java、Go算法系列之【快速排序】篇

    常见的内部排序算法有:插入排序.希尔排序.选择排序.冒泡排序.归并排序.快速排序.堆排序.基数排序等. 用一张图概括: 选择排序 选择排序是一种简单直观的排序算法,无论什么数据进去都是 O(n²) 的 ...