logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

div+css常见布局:两列布局、三列布局、圣杯布局和双飞翼布局

1、两列布局:左边固定,右边自适应左右两侧,左侧固定宽度 200px,右侧自适应占满。方法1: 左侧采用 float:left 往左浮动,右侧 margin-left:200px,留出左侧内容的空间// html 代码<div class="divBox"><div class="left">左侧固定200px</div><div class="right

#css
div+css常见布局:两列布局、三列布局、圣杯布局和双飞翼布局

1、两列布局:左边固定,右边自适应左右两侧,左侧固定宽度 200px,右侧自适应占满。方法1: 左侧采用 float:left 往左浮动,右侧 margin-left:200px,留出左侧内容的空间// html 代码<div class="divBox"><div class="left">左侧固定200px</div><div class="right

#css
案例:动态生成表格

案例:动态生成表格需求: 根据学生数据动态生成表格,同时还可以删除学生数据。案例分析:(1)因为里面的学生数据都是动态的,我们需要 js 动态生成,这里我们模拟数据,自己定义好数据。数据我们采用对象形式存储。(2)所有的数据都是放到 tbody 里面的行里面。(3)因为行很多,我们需要循环创建多个行(对应多个人)。代码:<!DOCTYPE html><html lang="en"

#javascript#html5#html
案例:tab 栏切换

案例:tab 栏切换(重点案例)业务需求:当鼠标点击上面相应的选项卡(tab),下面内容跟随变化。案例分析:(1)Tab 栏切换有2个大的模块。(2)上面的模块选项卡,点击某一个,当前这一个底色会是红色,其余不变(排他思想) ,修改类名的方式。(3)下面的模块内容,会跟随上面的选项卡变化。所以下面模块变化写到点击事件里面。(4)规律:下面的模块显示内容和上面的选项卡一一对应,相匹配。(5)核心思路

#javascript#html#html5
暂无文章信息