-
Web前端基础(6):CSS(三)
Web前端基础(6):CSS(三) 1. 定位 定位有三种:相对定位、绝对定位、固定定位 1.1 相对定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: top、bottom、left、right。 特性:1....
-
Web前端基础(5):CSS(二)
Web前端基础(5):CSS(二) 1. 盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和IE模型。我们在这里重点讲标准模型。 1.1 盒模型示意图 1.2 盒模型的属...
-
Web前端基础(4):CSS(一)
Web前端基础(4):CSS(一) 1. CSS介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为 CSS:Cascading Style Sheet,层叠样式表。CSS的作用就是给...
-
【前端知识体系】CSS布局知识强化
【前端知识体系】CSS布局知识强化 1.实现两栏/三栏布局的方法? 表格布局 float + margin布局 inline-block布局 flexbox布局(兼容性的问题) 1.1 基础布局 style * { margin: 0; padding: 0; } .layout { margin-top: 10px; } .layout div{ min-height: 100px; }/style...
-
【前端知识体系】CSS基础知识强化
【前端知识体系】CSS基础知识强化 1.CSS样式(选择器)的优先级? 1.1 权重的计算规则 第一优先级:无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。(ie6支持上有些bug)。 第一等:内联样式,如:style=color:red;,权值为1...
-
grid网格布局——色子布局
grid网格布局——色子布局 一、基本概念 样式 含义 grid-area 定义名称 grid-auto-columns 定义列数 grid-auto-flow 定义单元格流动方向(想象水流的样子) grid-auto-rows 定义行数 grid-column 第几列 / span 合并列数 grid-column-start 第几列 grid-column-end 跨...
-
《大话设计模式》之简单工厂模式
《大话设计模式》之简单工厂模式 问题背景: 编程初学者都会有这样的问题,碰到问题就直觉地用计算机能够理解的逻辑来描述待解决的问题以及具体的求解过程,但这样的程序只为满足当前的需求,不容易维护和拓展。 问题解决思路: 设计一段代码之前,首先需要考虑到其 可...
-
Div Select挡住的解决办法
很多时候我们会把Div Select的内容放到其他地方,但是初学者并不知道这样会破坏页面的结构,下面爱站技术频道小编带大家一起来了解Div Select挡住的解决办法?感兴趣的朋友一起来看看。 htmlhead ????meta?http-equiv="Content-Type"?content="text/html;?charset=gb23...
-
css布局技巧
css布局技巧 CSS用户界面样式 鼠标样式currsor li{cursor:pointer;} 设置或检索在对象上移动鼠标指针采用何种系统预定义的光标形状 属性值 描述 default 默认 pointer 小手 move 移动 text 文本 not-allowed 禁止 轮廓线 outline 给表单添加outline:0;或者outline...
-
css精灵图&字体图标
css精灵图字体图标 精灵图 为什么需要精灵图 为了有效的减少服务器接收和发送请求的次数,提高页面的加载速度。出现了CSS精灵技术 精灵图(sprites)的使用 精灵技术主要针对背景图片。就是把多个小背景图片整合到一张大图片中。 这个大图片也称为sprites精灵图或者雪...
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
