随笔分类 - 从零开始学习HTML、CSS
摘要：一、 BFC的概念 BFC——block formating context的缩写，中文译为"块级格式化上下文" 二、如何触发BFC 1.设置float除none以外的值(left,right) 2.设置overflow除visible以外的值(hidden,auto,scroll) 3.设置dis
阅读全文
摘要：一、css3背景切割： background-clip:border-box|padding-box|content-box; 作用： 用来设置背景的可见区域 a) border-box 默认值，背景在边框及边框以内的区域可见 b) padding-box 背景在padding及padding以内的
阅读全文
摘要：一、css3圆角： border-radius:数值+单位; 1.设置一个值：border-radius:20px; 四个方向圆角都为20px(水平半径和垂直半径相等) 2.设置两个值 border-radius:50px 5px; 左上，右下为50px,右上，左下为5px 3.设置三个值 bord
阅读全文
摘要：一、css3过渡 语法： transition: 过渡属性 过渡时间 延迟时间 过渡方式; 1.过渡属性(transition-property) 取值：all 所有发生变化的css属性都添加过渡 eg: transition: all 1s; ident 指定要过渡的css属性列表 eg: tra
阅读全文
摘要：一、css3变形： transform:rotate(旋转)|scale(缩放)|skew(倾斜)|translate(位移); 注：当多种变形方式综合在一起时，用空格隔开 1.旋转 a) rotateX(180deg) 沿x轴翻转 等价于 rotate3d(1,0,0,180deg) b) rot
阅读全文
摘要：响 应 式 布 局 一、响应式布局:写一套css样式可以兼容多个终端设备，为移动互联网的开发做出了重要贡献 优点:一套样式可以兼容多个终端设备，灵活性更强 缺点：工作量增加，容易造成代码冗余，影响加载速度 核心原理:主要使用css3的媒体查询实现不同设备的响应 二、媒体查询 1.外联式媒体查询 <l
阅读全文
摘要：一、分栏布局 1.设置栏数column-count:数值; 2.设置每栏的宽度column-width:数值+单位; 注：当设置了column-width，column-count会失效，二者设置其一即可 3.设置栏间距column-gap:数值+单位; 4.设置栏间隔线column-rule:5p
阅读全文
摘要：一、html5新增标签 1.结构性标签 header 定义网页的头部 nav 定义网页的导航 footer 定义网页的底部 section 定义网页的某个区域 article 定义网页中的一篇文章 aside 定义网页的侧边栏 hgroup 将网页某个区域的标题进行组合 figure 将网页中的元素
阅读全文
摘要：1. 块级元素可以包含内联元素或某些块级元素，但内联元素却不能包含块级元素，它只能包含其它的内联元素： <div><h1></h1><p></p></div> —— 对 <a href="#"><span></span></a> —— 对 <span><div></div></span> —— 不合
阅读全文
摘要：一、常见浏览器兼容性问题 1.双倍浮动bug描述：块状元素设置了float后，又设置了横向的margin，在IE6下显示的margin值要比设置的值大 解决方案： 给float的元素添加display:inline;将其转换为行内元素 2.表单元素行高不一致 解决方案： 方案一： 给表单元素添加 v
阅读全文
摘要：一、宽度自适应 语法：width:100%; 注： a）块状元素的默认宽度为100% b) 当给元素设置宽度为100%时，继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二、高度自适应 语法：height:auto;（等同于不给元素设置高度） 三、最小高度，最大高度，最小宽度，最大宽度 1.
阅读全文
摘要：一、css布局模型 1.流动模型（Flow） 元素在不设置css样式时的布局模型，是块元素就独占一行，是内联元素就在一行逐个进行显示 2.浮动模型（Float） 使用float属性来进行网页布局，给元素设置float后会脱离正常的文档流 3.层模型（Layer） 使用position属性对元素进行定
阅读全文
摘要：一、元素类型分类 html元素可分为三大类：块元素，内联元素，可变元素 1.块元素 常见块元素：div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,fieldset,h1,h2,h3,h4,h5,h6 块状元素特点： a）块状元素会以块的形式显示为一个矩形区域 b
阅读全文
摘要：一、容器溢出 语法：overflow: visible | hidden | scroll | auto | inherit; visible:默认值，溢出内容不会被裁剪，正常显示 hidden: 溢出内容隐藏不可见 scroll: 当容器溢出时，溢出的内容以滚动条的形式查看（当容器没有溢出时，也会
阅读全文
摘要：★ css盒模型是css的基石，每个html标签都可以看作是一个盒模型。 css盒模型是由内容(content)，补白或填充(padding)，边框(border)，外边距(margin)四部分组成 1.内容(content) 宽度 width:数值+单位; 高度 height:数值+单位; eg:
阅读全文
摘要：一、CSS简介 1.CSS是什么 CSS是Cascading Style Sheets的简称，中文称为层叠样式表。特点：实现了表现与结构相分离 2.css基础语法 css是由选择符和声明两大部分组成，声明由属性和值组成。 语法： 选择符{ 属性:值; 属性:值; } 注： （1）属性和值用冒号连接
阅读全文
摘要：一、web标准 web标准-网页制作的标准，它是由一系列标准组成的，主要包含三个方面：结构（html,xhtml）,表现（css）,行为（javascript） 注：结构和表现的标准由w3c（万维网联盟）制定，行为标准由ECMA（欧洲电脑厂商联合会）制定 二、html相关概念 1.html—超文本标
阅读全文
浙公网安备 33010602011771号