1.1 CSS作用 ?设置网页样式或者进行网页布局 1.2 CSS概念 ? Cascading Style Sheets (层叠样式表或者级联样式表)?层叠:指的是CSS中的一个特性。总结: ◆通过css控制标签的样式(文字大小,颜色,背景颜色,过渡,动画。。。。)美化网页的效果。 1.3 CSS书 ...
分类:
Web程序 时间:
2018-06-17 23:51:49
阅读次数:
377
CSS:层叠样式表,用于控制网页布局 引用CSS有以下三种方式: 外部样式表:独立的CSS文件,实现与内容结构分离,方便维护阅读 内部样式表:在页面内定义样式,提高效率,测试场景 行内样式表:JS操作的是行内样式表 选择器: 元素选择器:直接定义元素格式 类选择器:修改为指定元素的class属性 I ...
分类:
Web程序 时间:
2018-06-17 19:06:38
阅读次数:
178
CSS框模型(译者注:也被称为“盒模型”)是网页布局的基础 ——每个元素被表示为一个矩形的方框,框的内容、内边距、边界和外边距像洋葱的膜那样,一层包着一层构建起来。浏览器渲染网页布局时,它会算出每个框的内容要用什么样式,周围的洋葱层有多大,以及框相对于其它框放在哪里。在理解如何创建 CSS 布局之前 ...
分类:
Web程序 时间:
2018-06-05 18:42:08
阅读次数:
269
CSS框模型(译者注:也被称为“盒模型”)是网页布局的基础 ——每个元素被表示为一个矩形的方框,框的内容、内边距、边界和外边距像洋葱的膜那样,一层包着一层构建起来。 浏览器渲染网页布局时,它会算出每个框的内容要用什么样式,周围的洋葱层有多大,以及框相对于其它框放在哪里。 在理解如何创建 CSS 布局... ...
分类:
Web程序 时间:
2018-06-01 16:52:38
阅读次数:
198
对于Web开发者来说,网页布局一直是个比较重要的问题。 Web 布局主要经历了以下四个阶段: 1、table表格布局; 2、float浮动及position定位布局; 3、flex弹性盒模型布局,革命性的突破,解决传统布局方案上的三大痛点 “排列方向”、“对齐方式”,“自适应尺寸”。是目前最为成熟和 ...
分类:
其他好文 时间:
2018-05-30 15:38:39
阅读次数:
168
地址:http://www.imooc.com/learn/100 这是一个纯HTML/CSS的教学视频,没有JS。 这个视频课程的学习我已经接近尾声了,我大概是17年11月开始观看学习的吧,断断续续的看,断断续续的学,只记得那时才刚接触前端,也才刚看完W3school上的HTML、CSS和JAVA ...
分类:
Web程序 时间:
2018-05-29 19:43:48
阅读次数:
335
一 网页布局方式 二 标准流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div,h1,p { border: 1px solid red ...
分类:
Web程序 时间:
2018-05-28 20:20:21
阅读次数:
227
课程目录 <实战开发教程>├<1 围住神经猫-HTML5实战游戏开发教程>│ ├1. 围住神经猫-游戏玩法.mp4│ ├2.围住神经猫-使用createjs.mp4│ ├3. 围住神经猫-绘制页面元素.mp4│ ├4.围住神经猫-添加监听事件.mp4│ ├5.围住神经猫-简单的逻辑实现游戏效果.mp ...
分类:
Web程序 时间:
2018-05-27 18:34:27
阅读次数:
211
步骤1: HTML基础超文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,为搭建网页结构做出第一步。本阶段主要介绍了HTML的语法基础、表格、表单、等标签,并有案例结合,达到学以致用。 第1课 HTML基础HTML是网页制作必备技能,在本课程主要介 ...
分类:
Web程序 时间:
2018-05-27 15:39:07
阅读次数:
243
前言 我们都知道,固定高宽的div在网页中垂直居中很简单,相信大家也很容易的写出来,但是不是固定高宽的div如何垂直居中呢?我们在网页布局,特别是手机等web端网页经常是不固定高宽的div,那么这些div如何垂直居中呢?这篇文章,我总结一下。 固定高宽div垂直居中 如上图,固定高宽的很简单,写法如 ...
分类:
Web程序 时间:
2018-05-27 12:01:46
阅读次数:
211