随笔分类 - div+css
canvas 实现刮刮乐
摘要:在解决问题前,我们先来了解一下 canvas 标签canvas 是 html5 出现的新标签,像所有的 dom 对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js 能够调用它来进行绘图。 context是一个封装了很多绘图功能的对象,获取这个对象的方法是 : var canvas =
阅读全文
css清除浮动float
摘要:一、浮动产生原因 一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性, 导致父级对象盒子不能被撑开,这样CSS float浮动就产生了。 本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动, 所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生
阅读全文
Flex 弹性盒基本语法
摘要:网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式
阅读全文
css浮动
摘要:浮动样式float: float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 默认值为:none; 可能的值为: left:元素向左浮动; right:元素向右浮动; inhe
阅读全文
块级元素和行内元素
摘要:块级元素和行内元素 行内元素有:heda meat title lable span br a style em b i strong 块级元素有:body select textarea h1-h6 html table button hr p ol ...
阅读全文
HTML标签
摘要:Html常用标签元素 常用HTML标签元素结合及简介 创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 设置文档的标题 最大的标题 预先格式化文本 下划线 黑体字 斜体字 打字机风格的字体 引用,通常是斜体 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7...
阅读全文
css三种基本选着器
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css选着器分类</title> <style> /*使用选择器给div设定样式*/ .bigbox{ height: 600px; width: 800px; backgrou
阅读全文
css清除常用标签默认样式表
摘要:/*公共样式*/ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; }div{displ
阅读全文