上一页 1 2 3 4 5 6 7 8 9 10 ··· 14 下一页
摘要: 浮动本质是用来做一些文字混排效果的,但是被我们拿来做布局用,则会有很多的问题出现, 由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响,为了解决这些问题,此时就需要在该元素中清除浮动。 准确地说,并不是清除浮动,而是清除浮动后造成的影响 清除浮动本质 清除浮动主要为了解决父级元素因 阅读全文
posted @ 2020-10-14 10:30 清出于兰 阅读(135) 评论(0) 推荐(0) 编辑
摘要: CSS用户界面样式 所谓的界面样式, 就是更改一些用户操作样式, 比如 更改用户的鼠标样式, 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制,因此我们就放弃了。 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cursor : d 阅读全文
posted @ 2020-10-14 09:44 清出于兰 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 overflow。 他们的主要目的是让一个元素在页面中消失,但是不在文档源码中删除。 最常见的是网站广告,当我们点击类似关闭不见了,但是我们重新刷新页面,它们又会出现和你玩躲猫猫!! dis 阅读全文
posted @ 2020-10-14 09:41 清出于兰 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 选择器(重点) 要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一任务的样式规则部分被称为选择器(选择符)。 标签选择器(元素选择器) 标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。其基本语法格式如下: 标签名 阅读全文
posted @ 2020-10-13 21:47 清出于兰 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 滑动门出现的背景 为了使各种特殊形状的背景能够自适应元素中文本内容的多少,出现了CSS滑动门技术。它从新的角度构建页面,使各种特殊形状的背景能够自由拉伸滑动,以适应元素内部的文本内容,可用性更强。 最常见于各种导航栏的滑动门。 核心技术 核心技术就是利用CSS精灵(主要是背景位置)和盒子paddin 阅读全文
posted @ 2020-10-13 21:20 清出于兰 阅读(87) 评论(0) 推荐(0) 编辑
摘要: CSS3在布局方面做了非常大的改进,使得我们对块级元素的布局排列变得十分灵活,适应性非常强,其强大的伸缩性,在响应式开中可以发挥极大的作用。 主轴:Flex容器的主轴主要用来配置Flex项目,默认是水平方向 侧轴:与主轴垂直的轴称作侧轴,默认是垂直方向的 方向:默认主轴从左向右,侧轴默认从上到下 主 阅读全文
posted @ 2020-10-13 16:02 清出于兰 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 精灵技术产生的背景 当用户访问一个网站时,需要向服务器发送请求,网页上的每张图像都要经过一次请求才能展现给用户。 然而,一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接受和发送请求,这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数,提高页面的 阅读全文
posted @ 2020-10-13 14:21 清出于兰 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。 帧动画:通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片 在CSS3里使用transition可以实现补间动画( 阅读全文
posted @ 2020-10-13 13:53 清出于兰 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 图片是有诸多优点的,但是缺点很明显,比如图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”,因为图片放大和缩小会失真。 我们后面会学习移动端响应式,很多情况下希望我们的图标是可以缩放的。此时,一个非常重要的技术出现了, 这 阅读全文
posted @ 2020-10-13 13:52 清出于兰 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 普通流(normal flow) 这个单词很多人翻译为 文档流 , 字面翻译 普通流 或者标准流都可以。 CSS的定位机制有3种:普通流(标准流)、浮动和定位。 html语言当中另外一个相当重要的概念 标准流!或者普通流。普通流实际上就是一个网页内标签元素正常从上到下,从左到右排列顺序的意思,比如块 阅读全文
posted @ 2020-10-13 13:47 清出于兰 阅读(553) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 10 ··· 14 下一页