摘要: 浮动 浮动是css里面布局最多的一个属性,也是很重要的一个属性。 float:表示浮动的意思。它有四个值。 none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动 看一个例子: html结构: css样式: 我们会发现,三个元素并排显示,.box1和span因为是左浮动,紧挨在 阅读全文
posted @ 2018-06-28 10:41 王竹笙 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 学习的初期,我们就要知道,标准文档流等级森严。标签分为两种等级: 行内元素 块级元素 比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 行内元素和块级元素的区别:(非常重要) 行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度。 块级元素: 霸占一行,不 阅读全文
posted @ 2018-06-28 09:42 王竹笙 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 宏观的讲,我们的web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”。而设计软件 ,想往哪里画东西,就去哪里画 标准文档流下 有哪些微观现象? 1、空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙,如 阅读全文
posted @ 2018-06-28 09:24 王竹笙 阅读(106) 评论(0) 推荐(0) 编辑
摘要: margin margin:外边距的意思。表示边框到最近盒子的距离。 阅读全文
posted @ 2018-06-28 09:14 王竹笙 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 边框 border:边框的意思,描述盒子的边框 边框有三个要素: 粗细 线性样式 颜色 如果颜色不写,默认是黑色。如果粗细不写,不显示边框。如果只写线性样式,默认的有上下左右 3px的宽度,实体样式,并且黑色的边框。 边框样式 边框样式属性指定要显示什么样的边界。 border-style属性用来定 阅读全文
posted @ 2018-06-27 10:18 王竹笙 阅读(247) 评论(0) 推荐(0) 编辑
摘要: padding padding:就是内边距的意思,它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域。 padding的设置 padding有四个方向,分别描述4个方向的p 阅读全文
posted @ 2018-06-27 10:07 王竹笙 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 width:内容的宽度 height:内容的高度 paddin 阅读全文
posted @ 2018-06-27 09:22 王竹笙 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 直接上代码,看效果! 第一种现象:当权重相同时,以后来设置的属性为准,前提一定要权重相同 我们会发现此时显示的是红色的。 第二种现象: 第一个选择器没有选中内层标签,那么它是通过继承来设置的属性,那么它的权重为0。第二个选择器选中了内层标签,有权重。 所以 继承来的元素 权重为0。跟选中的元素没有可 阅读全文
posted @ 2018-06-26 18:02 王竹笙 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 继承性 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 记住:有一些属性是可以继承下来 : color 、 阅读全文
posted @ 2018-06-26 18:00 王竹笙 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器,我们一定要遵循"爱恨准则" LoVe HAte 再介绍一种css3的选择器nth-child() 阅读全文
posted @ 2018-06-26 17:56 王竹笙 阅读(175) 评论(0) 推荐(0) 编辑