<!--// // Name: Div Scroll Bar// Author: Xiaosa// Contact: goldenlove518@msn.com// CreateDate: 2005-7-11// LastChange: 2005-7-12//
转载 2023-09-07 13:33:17
512阅读
overflow-y:scroll的使用1.首先设置固定div的宽高1.首先设置固定div的宽高如果设置overflow:auto;表示当你内容超过div高度出现滚动条overflow语法如下:overflow : visible | auto | hidden | scroll 参数: visible :不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的
转载 2023-06-08 15:42:51
273阅读
代码:<body> <div class="box"> <div class="card">卡片1</div> <div class="card">卡片2</div> <div class="
原创 2022-05-24 18:09:06
4967阅读
# 使用 HTML、CSS 和 jQuery 实现左右滑动的 Tab 页 在现代网页开发中,Tab 页是常见的用户界面组件。它们可以帮助用户在多个内容区域之间方便地切换,而不会让页面显得杂乱。本文将介绍如何使用 HTML、CSS 和 jQuery 实现左右滑动的 Tab 页,包括代码示例和相关的类图与甘特图。 ## 一、Tab 页的基本结构 首先,我们需要明确 Tab 页的基本结构。通常情况
原创 2024-09-22 03:42:51
471阅读
前言:width和heigth不会相互作用 ,各自为政!1、当div设置了固定的长度和宽度后高度和宽度都行!:不管里面有没有内容(可以无视内容),div就是一个框子在那(默认无边框)!即使内容超出,尺寸也不变!#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果:2、若是div设置为百分比的形式宽度无论如何都行!:width:50%;能行! 无视内容! 即使内容超出宽度框的宽度还是50%,内容超出框而存在;高度无论如何都不行!:heigth:50%则不行 高度为内容的高度,如要设置高度 需要用height:50px
转载 2013-07-05 09:56:00
404阅读
2评论
一、是什么 视差滚动(Parallax Scrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验 我们可以把网页解刨成:背景层、内容层、悬浮层 当滚动鼠标滑轮的时候,各个图层以不同的速度移动,形成视觉差的效果二、实现方式 使用css形式实现视觉差滚动效果的方式有:background-attachment transform:translate3D方式一:ba
转载 2023-12-19 21:23:44
118阅读
10-1.html<html><head><title>div 标记范例</title><style type="text/css"><!--div{  font-size:18px;          &nbsp
转载 2009-08-02 14:26:38
1004阅读
最近在开发手机端APP页面功能时遇到一个需求:某个页面查询的数据有三种分类,需要展示在同一页面上,用户通过点击分类标签来查看不同类型的数据, 期望效果是用户点击标签切换时另一个页面能够以一个平滑切入的方式展示数据.示意图如下:话不多说了.首先上CSS<style type="text/css"> html, body{ height: 100%; } body{ o
转载 2023-10-19 07:48:32
196阅读
一、雪碧图 知乎视频www.zhihu.com 1.1概念 CSS Sprite也叫CSS精灵、CSS雪碧图,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,由从前的多次请求变为一次请求。客户端每显示一图片都会向服务器发送请求,所以图片越多请求越多,造成延迟的可能性越大。所以页面有许多icon时,
# 在 iOS 中禁止 DIV 滑动的实现方法 在移动端开发中,有时我们需要控制用户的界面交互体验,特别是在使用 Web View 时,常常需要禁止某些 DIV滑动功能。本文将一步步指导你实现这一需求。 ## 流程概览 在实现“iOS div 禁止滑动”的功能时,我们可以分为如下几个步骤: | 步骤 | 描述
原创 2024-08-15 07:25:18
101阅读
1-1.html<html><head>  <title>页面标题</title>     </head><body>  <h2>CSS标记</h2>  <p>CSS标记的正文内容从这里开始&
转载 2009-08-02 15:55:05
570阅读
11-1.html<html><head><style type="text/css"><!--body {  margin:0px;  font-size:13px;  font-family:Arial;} #container{  position:relative;&n
转载 2009-08-02 13:50:29
942阅读
# 实现“iOS CSS 滑动 兼容 CSS”教程 ## 整体流程 以下是实现“iOS CSS 滑动 兼容 CSS”的步骤: | 步骤 | 描述 | | ---- | ---- | | 1 | 添加meta标签 | | 2 | 使用-webkit-overflow-scrolling属性 | | 3 | 使用-webkit-touch-callout属性 | ## 每一步具体操作 ###
原创 2024-06-27 03:55:56
68阅读
http://www.aa25.cn/layout/index.shtmlhttp://yankay-static.googlecode.com/svn/trunk/NoSql%20Database%20Note/index.htmlnosql
转载 2010-03-22 10:22:00
163阅读
这2天开始学习css/div  今天的成果,代码如下。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/
原创 2011-01-22 22:46:50
766阅读
项目中需要做一个如下图的右侧监控操作控制台,通过定位在这个图片上放置了八个span,并设置内容为透明色,加点击事件来完成 覆盖在操作台图上的位置如下图:(去掉背景色设置字体为透明色就可以完美隐藏) HTML代码如下 <div class="monitoring-center-right"> <img ...
转载 2021-07-22 11:55:00
395阅读
2评论
CSSDIV 来自:蓝色理想 1.CSS布局常用的方法: float : none | left | right 取值: none : 默认值。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml: <div id="warp"> <div id="column1">这里是第一列</d...
转载 2009-05-23 10:11:00
183阅读
2评论
/* 2011-11-28 塗聚文 締友計算機信息技術有限公司 CSS DIV Shadow css3 */ #geovinduDiv-shadow { padding:10px; background-color:#f9f9f9; border:1px solid #fff; position:relative; /*Firefox*/ -moz-b
原创 2021-08-10 17:30:22
342阅读
对于 CSSer 来说,多多少少都会遇到过 “样式规则不生效?”、“样式规则被覆盖?” 等等问题,这些都与 CSS 权重有关系。选择器匹配原理在此之前,容我先简单介绍浏览器是怎么通过各种选择器,把样式规则和 DOM 元素扯上关系的。浏览器中存在着专门的渲染引擎来渲染 HTML 文档。这里以 Webkit 内核为例,在启动渲染流程时,引擎一方面会解析 HTML 文档,构建 DOM 节点树(DOM T
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>css+vid</title><styletype="text/css">/*margin塌陷效果,上下元素|标签之间使用margin,并不是累加,而是采用marain大的值margin的缩
原创 2017-12-01 16:45:32
695阅读
1点赞
  • 1
  • 2
  • 3
  • 4
  • 5