![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 92
睡醒还写
新人驾到,请多关照
展开
-
CSS三大特性
一.CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。1.样式冲突,遵循的原则时就近原则2.样式不冲突,不会层叠二.继承性(子承父业)所谓继承...原创 2019-09-16 23:40:49 · 83 阅读 · 0 评论 -
浮动(float)
一.普通流(normal flow)又称为文档流,标准流,普通流。html,相当重要的概念,在网页中,标签从上至下,从左至右,。比方块级元素,行内元素的默认排序我们称之为普通流。这种布局方式称之为普通流布局css的三种定位机制: 文档流,浮动,定位二.浮动(float)浮动最早是用来控制图片,以便达到其他元素(特别是文字)实现“环绕”图片的效果。后来,发现浮动可以让任何盒子同一行显示,...原创 2019-09-17 18:53:52 · 214 阅读 · 0 评论 -
版心和布局样式
版心和布局流程阅读报纸时容易发现,虽然报纸中的内容很多,但是经过合理地排版,版面依然清晰、易读。同样,在制作网页时,要想使页面结构清晰、有条理,也需要对网页进行“排版”。“版心”(可视区) 是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示,常见的宽度值为960px、980px、1000px、1200px等。1.一列固定宽度且居中2.两列左窄右宽型3.通栏平均分布型...原创 2019-09-17 19:03:35 · 897 阅读 · 0 评论 -
清除浮动
人生苦短,有始有终。 好比我们的浮动,有浮动开始,则就应该有浮动结束。一.为什么要清除浮动由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响,为了解决这些问题,此时就需要在该元素中清除浮动。本来做一些文字混排效果,但是现在用于做布局,所以会出现很多问题。准确的说,不是清除浮动,而是清除浮动后造成的印象清除浮动本质:主要是为了解决父级元素因为子级浮动引起内部高度为0的问...原创 2019-09-17 19:18:00 · 339 阅读 · 0 评论 -
定位(position)
如果,说浮动, 关键在一个 “浮” 字上面, 那么 我们的定位,关键在于一个 “位” 上。一.元素的定位属性元素的定位属性主要包括定位模式和边偏移两部分。1、边偏移:top 顶端偏移量,定义元素相对于其父元素上边线的距离bottom 底部...原创 2019-09-18 19:28:40 · 310 阅读 · 0 评论 -
过渡,变形,透视,动画(CSS 颠覆性特征)
一.过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。在CSS3里使用transition可以实现补间动画(过渡效果)帧动画:通过一帧一帧的画面按照固定顺序和速度播放。语法格式:transition: 要过渡的属性  ...原创 2019-09-19 19:11:11 · 454 阅读 · 0 评论