前端css笔记2016-2-16

原创

ZhouM1118 2016-02-16 11:29:43 博主文章分类：前端css笔记 ©著作权

文章标签 display hidden visible 文章分类 前端开发

©著作权归作者所有：来自51CTO博客作者ZhouM1118的原创作品，请联系作者获取转载授权，否则将追究法律责任

一、display:none与visible:hidden的区别

display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:

display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。

上一篇：Struts Spring Hibernate注解说明

下一篇：前端JS笔记

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

Ansible学习笔记16：标签tag

在 Ansible Playbook 中，tags 是一种非常有用的功能，允许指定哪些任务应该被执行，哪些任务应该被跳过。这对于大型 playbook，特别是只需要执行其中的一部分任务时，非常有用。Tags 的用法：在 playbook 的 YAML 文件中，你可以为每个任务分配一个或多个标签。标签是一个简单的字符串，可以是你选择的任何名称。以下是一个简单的示例，展示了如何在 playbook 中

ansible
【Web前端】CSS溢出

在网页设计中，“溢出”是一个常见且重要的概念。它涉及到如何处理那些超出预定范围的内容，以确保网页的布局和视觉效果达到预期。

html css web 前端 css3
【Web前端】HTML样式“CSS”

HTML 和 CSS 是构建现代网页的基础。HTML（超文本标记语言）负责定义网页的结构，而 CSS（层叠样式表）则用于控制网页的外观和布局。

CSS HTML html 前端
前端笔记css（2）----css选择器

<!DOCTYPE html>

选择器 html h5 群组选择器 css选择器
前端 --- 2 css

一. CSS的几种引入方式 1.行内样式 2.内部样式写在网页的<head></head>标签对的<style></style>标签对中 3.外部样式（1）标签选择器将css写在一个单独的文件中调用（在head中调用）（2）id选择器 css文件中调用（3）类选择器文件中调用二.

选择器权重 css html 属性选择器
Web前端笔记 -- CSS③

文章目录CSS 的三大特性层叠性继承性优先级CSS的注释CSS层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。

css 前端 css3 外边距选择器
Web前端笔记 -- CSS②

文章目录CSS 的复合选择器什么是复合选择器后代选择器子选

css 前端 css3 选择器行内元素
Web前端笔记 -- CSS①

文章目录CSS简介HTML的局限性CSS-网页的美

css 前端 html 选择器
前端学习笔记 - css

1. 选择器2. 属性3. 盒模型4. 浮动5. 父相子绝

选择器 html css
【前端学习笔记 CSS系列四】布局训练2

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css布局训练-通栏平均分布型</ti

前端 css css3 html css布局
前端-CSS-2

超链接伪类鼠标放在超链接上颜色变化<!DOCTYPE html><html><head><style>a:link {color:

css html 超链接鼠标指针
前端笔记css（3）----css伪类

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>伪类</title> <!-- <style type="text/css"> a:link{color: black;} /* 未访问状态 */ a:

html css a标签超链接鼠标悬停
【前端学习笔记 CSS系列十四】变形2D

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>

css 前端 css3 3d html
前端笔记css（1）----css使用方法

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css基础</title>  <link rel="stylesheet" type="text/css" href="css基础.css"/> </head>.

css html 选择器 css样式内部样式
前端技能-css篇-2

这是css的第二篇,昨天想了一会要怎么去组织.css还是比较有意思的一个玩意,说语言,其实谈不上.把css上升到语言层次的,是一些别的玩意.也是很有意思的一些东西,之后会给大家介绍一下.昨天说到css的解析方式,估计有些人现在还不是很明白这里面的意思,没关系,之后会教大家如何去组织好自己css文件这次要说的是非常重要的一个知识点,盒模型一.标准盒模型我们知道一个普通的标签,比如div,在css中设

css
前端复习：CSS专题2

1盒子模型1.1盒子中的区域一个盒子中主要的区域就5个：width、height、border、margin。1、width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。2、height是“高度”的意思，CSS中height指的是内容的高度，而不是盒子的高度3、padding是“内边距”的意思4、border是“边框”5、margin是“外边距”盒模型的示意图：代码示例：

盒子模型标准文档流浮动
前端基础-CSS-2

上篇我们介绍了css的的由来和编写语法，并展示了一个基本的例子，这篇继续向大家展示一些例子来说明如何使用css来美化我们的页面展示，css包含非常多的样式设置，在这里我会把最基础和常用的样式设置展示给大家，上篇我们了解了div这个块元素的使用，因为div内部可以写其它标签，但如果我们像上篇一样设置，整个块里的元素都会生效，那如果我只想设置div中某个标签呢，或者我们想通过div的id或class来

java
2016-2-21mysql笔记

select database();------查看当前使用的数据库 select user();------查看当前使用的用户 show tables from database_name;-----查看库中有哪些表&nb

笔记 sql MySQL 引擎
前端开发笔记（2）css基础（上）

CSS介绍层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS ...

权重 css 选择器行内元素 html
前端css架构 web前端开发css样式笔记

CSS1、浮动1.1 网页布局的方式1.2 浮动1.3 浮动的特性2、清除浮动3、CSS书写顺序4、定位4.1 静态定位4.2 相对定位4.3 绝对定位4.4 固定定位4.5 粘性定位4.6 定位的叠放顺序5、定位的拓展5.1 绝对定位的盒子居中算法5.2 定位的特殊特性5.3 元素显示与隐藏 1、浮动1.1 网页布局的方式（1）标准流标准流：标签按照规定好的默认方式排列①块级元素独占一行，从上

前端css架构 css 前端绝对定位选择器

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯