睡醒还写-CSDN博客

原创过渡，变形，透视，动画（CSS 颠覆性特征）

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

2019-09-19 19:11:11 510

原创定位(position)

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

2019-09-18 19:28:40 359

原创清除浮动

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

2019-09-17 19:18:00 399

原创版心和布局样式

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

2019-09-17 19:03:35 951

原创浮动(float)

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

2019-09-17 18:53:52 252

原创盒子模型（CSS重点）

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

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

原创 CSS三大特性

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

2019-09-16 23:40:49 111

原创 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 859

原创 Web常识

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

2019-09-10 23:01:16 217

原创 Sublime安装

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

2019-09-07 16:39:49 254