HTML标签之article
摘要：<article> 标签规定独立的自包含内容。 一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。 <article> 元素的潜在来源： 论坛帖子 报纸文章 博客条目 用户评论 article元素：代表文档、页面、应用程序中独立的完整的被外部引用的内容区域。它可以是博客中的文章、
阅读全文
posted @ 2018-12-26 09:48
文章分类 - 前端CSS
练习一：canvas画布标签的使用
摘要：HTML5 学习总结（四）——canvas绘图、WebGL、SVG 目录 一、Canvas 1.1、创建canvas元素 1.2、画线 1.3、绘制矩形 1.4、绘制圆弧 1.5、绘制图像 1.6、绘制文字 1.7、随机颜色与简单动画 二、WebGL 2.1、HTML5游戏开发 2.2.1、Coco
阅读全文
posted @ 2018-12-25 13:41
CSS3学习四：新增的文字与字体相关的样式、新增的盒相关样式
摘要：一、文字与字体相关的样式： 1.给文字添加阴影： text-shadow：length1 length2 length3 color length1：必选参数，指阴影离开文字的横向位移多少，正数向右，负数向左。 length2：必选参数，指阴影离开文字的纵向位移多少，正数向下，负数向上。 lengt
阅读全文
posted @ 2018-11-29 23:51
CSS3学习三：新增的CSS选择器
摘要：一、属性选择器新增的方法 [attr*=value]：属性值包含value的值，则选中该元素。 [attr^=value]：属性值以value的值开头，则选中该元素。 [attr$=value]：属性的值以value的值结尾，则选中该元素。 同jquery的属性选择器差不多。 示例： 二、结构性伪类
阅读全文
posted @ 2018-11-29 22:24
CSS3学习二：HTML5新增拖动事件
摘要：一、拖放事件： 相当于以前实现过一div拖放效果。 dragstart：开始拖动时触发。 示例： 实现拖放的步骤 ： 1.将想要拖放的对象元素的draggable属性设置为true。这样才可以将元素进行拖放。 2.拖动什么：ondrgstart和setData() 3.放到何处：ondragover
阅读全文
posted @ 2018-11-29 21:54
CSS3学习一：HTML5新增的标签、新增的表单类型、新增的表单属性
摘要：一、HTML5新标签 HTML5在HTML4基础上，新增加的标签： 结构性标签： <article>：文章部分标签。 <aside>： <article> 标签外的内容，可用作文章的侧栏。 <footer>：页脚标签。 <header>：头部标签。 <nav>：定义导航链接标签。 <section>
阅读全文
posted @ 2018-11-29 21:14
CSS学习十：统筹，网站头部及轮播广告
摘要：CSS文档统筹： 整站里相同的CSS样式，提取到一个样式表里，各个页面调用相同的样式文件即可。 网站较大的情况下，一般会把网站的头部、尾部单独分离出来，包括样式文件。 根据页面类型分离文件 根据功能模块分离文件 根据标签类型分离文件 根据设备类型分离文件 根据代码规模 综合分离文件 示例： 新浪的初
阅读全文
posted @ 2018-11-17 17:17
CSS学习九：定位与层叠
摘要：浮动会让出文档流的位置，绝对定位和相对定位不会让出文档流的位置。固定定位会让出文档流的位置，比浮动层更高层，即位于顶层。 一、定位：{position：.....}，结合left，top等定位距离 css定位属性position：允许你对元素进行定位。允许你定义元素框相对于其正常位置应该出现的位置，
阅读全文
posted @ 2018-11-17 16:38
CSS学习八：浮动
摘要：一、页面布局方式 页面布局方式，主要包含：文档流（常规流）、浮动流 文档流： 文档流中元素框的位置，由元素在HTML中的位置决定。 块级元素从上到下依次排列，框之间垂直距离由框的垂直margin计算得到。块与块之间的margin取较大的margin值。 行内元素在一行中布置。行内元素之间的margi
阅读全文
posted @ 2018-11-16 22:23
CSS学习七：表单和表格
摘要：一、表格：table 表格标签： <table></table>：定义表格，表格的边界标签，必定包括表格的其它元素标签 <tr></tr>：定义表格的行 <td></td>：定义表格的列 <th></th>：定义表格的表头 <thead></thead>：定义表格的页眉，表格分组标签，可将表格分割
阅读全文
posted @ 2018-11-16 21:33
CSS学习六：盒子模型
摘要：在大型项目中，太多的css，也会造成复杂，此时一般会用SASS。 sass 是成熟、稳定、强大的 CSS 扩展语言。 一、盒模型 CSS盒模型：是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。 CSS定义的所有元素，都可以拥有像盒子一样的外形和平面空间，即都包含了边框border，外
阅读全文
posted @ 2018-11-15 20:17
CSS学习五：文本的css属性、一个web页面示例
摘要：文本样式的font属性 文本大小：font-size 文本字体：font-family 文本粗细：font-weight 文本倾斜：font-style 文本颜色：color 文本行高：line-height 文字属性font简写 示例： 具体描述： 文本大小、字体大小：font-size，通常使用
阅读全文
posted @ 2018-11-11 17:34
CSS学习四：列表css属性、背景css属性、显示与隐藏css属性、三种菜单示例
摘要：一、列表css声明： css列表属性，允许你设置、改变列表项的标志或图像作为列表项标志。 list-style：简写属性，用于把所有用于列表的属性，设置在一个声明中 list-style-image：将图像设置为列表项标志 list-style-position：设置列表中，列表项标志的位置 lis
阅读全文
posted @ 2018-11-11 15:45
css学习三：选择器
摘要：常用的css选择器分类： 元素选择器、标签选择器、element选择器 id选择器 class选择器 *通配符，全局选择器 交集选择器 并级选择器（群组选择器） 后代选择器（包含选择器） 子选择器 伪选择器 1.标签选择器 语法： 让你有的页面标签，都可以作为选择器 使用场景： 如果想改变某个元素的
阅读全文
posted @ 2018-11-11 12:22
CSS学习二：标签分类
摘要：标签分类： 标签从表面上，分为单标签和双标签，单标签功能单一，不能嵌套；双标签功能多样化，可以嵌套。 标签从样式上来划分，划分为： 块级元素：block-level elements。 内联元素：也叫行内元素，inline elements 内联块级元素：inline-block 块级元素的特征：
阅读全文
posted @ 2018-11-10 21:57
CSS学习一：css基础
摘要：前后分离的前端页面分为三部分： 结构，HTML部分 表现，CSS部分 行为，JS部分 CSS：cascading style sheets层叠样式表，WEB标准中的表现标准语言，主要是对网页信息(HTML标签)的显示进行控制。 css样式表，通常写在head中，当然写在body中，结果也是一样。 C
阅读全文
posted @ 2018-11-10 21:47
HTML学习：标签
摘要：HTML5新特性，相比HTML新增加的东西： 1.用于绘画的canvas标签 2.用于媒介回放的video和audio元素 3.对本地离线存储的更好支持 4.新增的特殊内容元素：article，footer，header，nav，section 5.新增的表单控制：calendar，date，tim
阅读全文
posted @ 2018-11-10 19:15
CSS3九：CSS3 用户界面
摘要：CSS3 调整尺寸(Resizing) CSS3中，resize属性指定一个元素是否应该由用户去调整大小。 这个 div 元素由用户调整大小。 (在 Firefox 4+, Chrome, 和 Safari中) CSS代码如下： 由用户指定一个div元素尺寸大小： CSS3 方框大小调整(Box S
阅读全文
posted @ 2018-07-10 23:26
CSSC3八：CSS3 多列
摘要：CSS3 多列 通过 CSS3，您能够创建多个列来对文本进行布局 - 就像报纸那样！ 在本章中，您将学习如下多列属性： column-count column-gap column-rule CSS3创建多列 column-count属性指定元素的列数应分为： CSS3的指定列之间的差距 colum
阅读全文
posted @ 2018-07-10 23:22
