![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 68
zxz32384
这个作者很懒,什么都没留下…
展开
-
HTML 注意规范
DOCTYPE 头部开始Bad: ...Good: ...不要用旧的 DOCTYPEBad:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">Good:不要用 XML 声明Ba转载 2016-05-20 11:05:55 · 624 阅读 · 0 评论 -
两列布局方案
一、float+margin <div id="content"> <div id="aside">侧边栏固定宽度</div> <div id="main">主内容栏自适应宽度</div> </div>#content{width:100%;height:100%;overflow:hidden;}#main{width:100;float:left;原创 2016-11-20 17:00:26 · 350 阅读 · 0 评论 -
三栏布局方案:左右宽度固定,自适应布局
一、absolute+margin<div id="content"> <div id="main">主内容栏自适应宽度</div><div id="left">左侧边栏固定宽度</div><div id="right">右侧边栏固定宽度</div></div>#main{height:100%; margin:0 210px;}#left,#right{width:原创 2016-11-20 16:50:03 · 1556 阅读 · 0 评论 -
Z-index问题探讨
z-index的重要性在我看来,z-index 给了我们日常工作中以极大的帮助,我们用它来定义元素的层叠级别(stack level)。受益于它,你能做Popup, DropDown, Tips, 图文替换等等。在开始本篇之前,或许我们要先了解一下关于z-index的基本信息。W3C这样描述每个元素都具有三维空间位置,除了水平和垂直位置外,还能在 "Z轴" 上层转载 2016-11-20 16:37:53 · 378 阅读 · 0 评论 -
浏览器渲染的流程
以Webkit为例: 渲染引擎首先通过网络获得所请求文档的内容,通常以8K分块的方式完成。 首先,解析HTML ,将标签转化为内容树中的DOM节点。接着,解析外部CSS 和原创 2016-09-22 15:17:00 · 424 阅读 · 0 评论 -
行内元素与块级元素区别及转换
块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题定义副标题原创 2016-06-03 11:17:27 · 1208 阅读 · 0 评论 -
前端面试题集锦
前端面试题集锦原创 2016-07-07 10:35:19 · 4527 阅读 · 1 评论 -
JS 实现选项卡切换
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* CSS样式制作 */ *{padding: 0;margin:0;} ul{list-style:原创 2016-07-17 20:57:15 · 440 阅读 · 0 评论 -
jquery 实现淡入淡出图片轮播效果
1.HTML 框架搭建(css代码里宽高的大小与图片的大小一致)<body> <div class="out "> <ul class="img "> <li> <a href="# "> <img src="image/1.jpg " alt=" ">原创 2016-07-13 15:23:47 · 10947 阅读 · 1 评论 -
圣杯布局
1、创建框架 <div id="header"></div> <div id="container"></div> <div id="footer"></div>给container设置padding-left和padding-right来放置左右两边侧边栏#container{padding-left:200px; //左侧宽度padding-right:150px原创 2016-11-21 02:03:25 · 514 阅读 · 0 评论