![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
吴渣渣
热爱电子、热爱互联网、热爱生活
展开
-
CSS选择器
CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,在网页设计中,html负责结构,css负责样式,js负责行为。css写在head标签里面,容器style标签。先写选择器,然后写大括号,大括号里面是样式。标签选择器就是用标签名来当做选择器。1) 所有标签都能够当做选择器,比如body、h1、dl、ul、span等等2)原创 2017-01-31 13:49:43 · 508 阅读 · 0 评论 -
CSS盒子模型
暂无原创 2017-02-01 13:27:24 · 329 阅读 · 0 评论 -
CSS浮动(float,clear)通俗讲解
写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你。 小菜水平有限,本文仅仅是入门教程,不当之处请谅解! 本文以div元素布局为例。 教程开始: 首先要知道,div是块转载 2017-03-04 16:59:43 · 292 阅读 · 0 评论 -
标准文档流和浮动
文档流(百度百科)将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序)详细说明:比如网页的div标签它默认占用的宽度位置是一整行,p标签默认占用宽度也是一整行,因为div标签和p标签是块状对象。 网页中大部分对象默认是占用文档流,也有一些对象是不占原创 2017-02-01 14:26:53 · 2230 阅读 · 0 评论 -
页面布局常见命名规范
不能用数字开头在名称内部可以出现特殊符号例如 :下横线 _ 中横线 -原创 2017-07-15 13:19:06 · 1156 阅读 · 1 评论 -
block,inline和inline-block概念和区别
总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。大体来说HTML元素各有其自身的布局级别(block元素还是inlin转载 2017-07-15 13:35:13 · 308 阅读 · 0 评论 -
行内元素设置宽高
对行内元素如span设置宽高,可以通过css设置display:block或者设置为浮动float块元素。 特性:有物理属性,width,height写值起作用,而且要占据一行。内联元素。 特性:没有物理属性。但是margin,padding值有用。不占据一行,后边可以有兄弟元素。即是块又是内联,根据兄弟兄弟元素决定。为什么是float之后才会有物理属性,这就是块与内联元素相互转化的问题。原创 2017-08-05 17:03:38 · 4722 阅读 · 0 评论 -
应不应该使用inline-block代替float
本文由99根据Steven Bradley的《Should You Use Inline-Blocks As A Substitute For Floats?》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://www.vanseodesign.com/css/inline-blocks/,以及作者相关信息作者:St转载 2017-11-18 23:48:24 · 592 阅读 · 0 评论 -
关于Block Formatting Context--BFC和IE的hasLayout
原文出自:穆乙’s Blog 专注前端技术一、BFC是什么?BFC(Block Formatting Context)直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。当涉及到可视化布局的时候,Block Formatting Context提供了一个环境,HTML元素在转载 2017-11-25 14:57:23 · 275 阅读 · 0 评论