最近要准备移动端项目,大半年没好好写过CSS了,今天恶补了一下CSS的一些布局,下面做一些分享。 水平居中布局 1.margin + 定宽 这种常见的写法就不再赘述了。 2. table + margin display: table 在这里的作用有两个:一、将span元素转为块元素性质,二、设置了 ...
分类:
Web程序 时间:
2017-11-29 16:16:44
阅读次数:
158
浮动: 使元素推理文档流,按照指定方向发生移动; 遇到父级边界或者相邻的浮动元素会停下来; 浮动的特性: 1,块元素一行显示多个; 2,内联元素支持宽高; 3,没有设置宽度时由内容撑开宽度; 4,脱离文档流; 浮动的破坏性: 浮动元素脱离文档流后,导致父级元素高度塌陷。父级元素无法包裹住子级浮动元素 ...
分类:
其他好文 时间:
2017-11-26 11:02:38
阅读次数:
146
在慕课网上学习了html/css的基础知识后,打算开始做网页,但是两个人的知识储备太少,第一次试着做了一个很简单的只有h1标签和imag块元素的界面。 之后又去看了看网上的一些游戏网页界面,自己再根据项目设计了一个初步的界面框架,再次着手搭建网页,确实知识与能力不够,再次中断项目。 我们又找了些实战 ...
分类:
其他好文 时间:
2017-11-17 23:32:43
阅读次数:
240
当表格数据很多,以致于容器块元素出现滚动条。而在滚动滚动条的时候,数据行会被块元素遮挡。若要保持表格的head部分始终在可视范围内,我们需要对表头进行特殊的样式设置。下面的jsp代码可以实现表头固定,经过测试可以直接使用。在IE浏览器下,拉动滚动条时表头会抖动,在谷歌下确实很流程,估计是浏览器的兼容 ...
分类:
编程语言 时间:
2017-11-13 20:02:30
阅读次数:
322
1、html的定义 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容 ...
分类:
Web程序 时间:
2017-11-13 13:55:22
阅读次数:
200
background:lineer-gradient(to right/90deg,red,yellow) 渐变/横向 border-radius:50% *** 圆角 box-shadow:x y 模糊值 外延线 颜色; BEM 块-元素-修饰符 margin,占用 不加margin 实际面积 W ...
分类:
其他好文 时间:
2017-11-12 20:55:00
阅读次数:
176
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>大嘴怪动作制作</title> <style type="text/css"> div{ display: block;/*呈块元素展示*/ width: 200px; height ...
分类:
其他好文 时间:
2017-11-11 11:37:00
阅读次数:
196
float作用就是在于布局,首先要介绍的是文档流(标准流),之后是浮动布局。 文档流:元素自上而下,自左而右,块元素独占一行,行内元素在一行上显示,碰到父集元素的边框换行。 浮动布局: 1、float: left | right 2、元素浮动之后不占据原来的位置(脱标) 3、浮动的盒子在一行上显示 ...
分类:
Web程序 时间:
2017-11-06 19:09:31
阅读次数:
160
1. none:隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 2. inline:指定对象为内联元素。 3. block:指定对象为块元素。 4. inline-block:指定对象为内联块元素。(CSS2) inline、block、inline-bl ...
分类:
Web程序 时间:
2017-11-06 13:54:21
阅读次数:
227
1、初识html 03.WebStorm 第一个网页html 标题标签 段落标签 特殊字符 图片标签 超链接 锚链接本页面跳转 锚链接需要的页面 块元素和内联元素 2、列表表格和媒体元素 无序列表 有序列表 自定义标签 表格 跨行跨列 高级表格 音频标签 视频标签 结构元素 内联框架 3、CSS美化 ...
分类:
Web程序 时间:
2017-11-04 22:23:59
阅读次数:
138