自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 过渡,变形,透视,动画(CSS 颠覆性特征)

一.过渡(CSS3) 过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。 在CSS3里使用transition可以实现补间动画(过渡效果) 帧动画:通过一帧一帧的画面按照固定顺序和速度播放。 语法格式: transition:  要过渡的属性 &nbsp...

2019-09-19 19:11:11 457

原创 定位(position)

如果,说浮动, 关键在一个 “浮” 字上面, 那么 我们的定位,关键在于一个 “位” 上。 一.元素的定位属性 元素的定位属性主要包括定位模式和边偏移两部分。 1、边偏移: top         顶端偏移量,定义元素相对于其父元素上边线的距离 bottom    底部...

2019-09-18 19:28:40 312

原创 清除浮动

人生苦短,有始有终。 好比我们的浮动,有浮动开始,则就应该有浮动结束。 一.为什么要清除浮动 由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响,为了解决这些问题,此时就需要在该元素中清除浮动。 本来做一些文字混排效果,但是现在用于做布局,所以会出现很多问题。 准确的说,不是清除浮动,而是清除浮动后造成的印象 清除浮动本质: 主要是为了解决父级元素因为子级浮动引起内部高度为0的问...

2019-09-17 19:18:00 348

原创 版心和布局样式

版心和布局流程 阅读报纸时容易发现,虽然报纸中的内容很多,但是经过合理地排版,版面依然清晰、易读。同样,在制作网页时,要想使页面结构清晰、有条理,也需要对网页进行“排版”。 “版心”(可视区) 是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示,常见的宽度值为960px、980px、1000px、1200px等。 1.一列固定宽度且居中 2.两列左窄右宽型 3.通栏平均分布型 ...

2019-09-17 19:03:35 905

原创 浮动(float)

一.普通流(normal flow) 又称为文档流,标准流,普通流。 html,相当重要的概念,在网页中,标签从上至下,从左至右,。比方块级元素,行内元素的默认排序我们称之为普通流。这种布局方式称之为普通流布局 css的三种定位机制: 文档流,浮动,定位 二.浮动(float) 浮动最早是用来控制图片,以便达到其他元素(特别是文字)实现“环绕”图片的效果。 后来,发现浮动可以让任何盒子同一行显示,...

2019-09-17 18:53:52 216

原创 盒子模型(CSS重点)

一.css三大模块,盒子模型,浮动,定位 1.所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。 2.文字相当于牛奶,把它放进容器,也就我们的盒子。 3.万物皆是盒子 二.看透网页布局的本质 CSS 其实没有太多逻辑可言 , 类似我们小时候玩的积木,我们可以自由的...

2019-09-17 00:02:45 1458 3

原创 CSS三大特性

一.CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。 1.样式冲突,遵循的原则时就近原则 2.样式不冲突,不会层叠 二.继承性(子承父业) 所谓继承...

2019-09-16 23:40:49 83

原创 HTML基础常识

一.初认识 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。 二.HTML骨架格式 三.标签规范 1 HTML标签: 作用所有HTML中标签的一个根节点。 2 head标签: 作用:用于存放:title,meta,base,style,script,link 注意在head标签中...

2019-09-10 23:28:32 731

原创 Web常识

一.认识网页 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。 二.常见浏览器介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。 三.浏览器占有的市场份额 四.浏览器内核 1.浏览器内核又可以分成两部分:渲染引擎(layout engineer...

2019-09-10 23:01:16 175

原创 Sublime安装

sublime介绍 Sublime是一个代码编辑器,可以编写HTML,php,js,css等等文件。 有跨平台,扩展性强,提交小,运行速度快,支持编辑功能,可以在控制台查看输出,支持大量的插件等优点。 装环境 需要5.XX版本MySQL,如果不是卸载后重新安装。 一.完整卸载MySQL和安装 1.打开设置→应用→应用和功能,中卸载MySQL软件。 2.卸载过后删除C:\Program Files ...

2019-09-07 16:39:49 222

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除