-
CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
摘要：CSS实现input美化操作默认是为灰色，并且有提示 如下图 鼠标点击后文字消失，鼠标移开后文字显示 给input入下图添加代码 style="color:#cccccc; outline:none;"value="用户名/邮箱/手机号" onfocus="this.value=''" onblur
阅读全文
-
CSS中float和Clear的使用
摘要：CSS中float和Clear的使用 本文和大家重点讨论一下CSS中Float和Clear属性的使用，一个float对象可以居左或居右，一个设置为float的对象，将根据设置的方向，左移或右移到其父容器的边界，或其前面的float对象的边界，而紧随其后的非float对象或内容，则包围在其相反的方向。
阅读全文
-
DIV+CSS布局时， DIV的高度和宽度特性
摘要：这个没有特别的做要求，你要根据你自己的页面整体布局来设置，还有根据div的特性来设置，div默认情况是宽度最大化(100%)、高度最小化，高度随着内容自动伸展；一般情况做网页的话，大部分都是固定了总体框架宽度的，每个模块的宽度基本上也都是固定的，所以div需要设一下宽度，如果内容也是相对固定不变的，
阅读全文
-
设置div中的div居中显示
摘要：设置div中的div居中显示 方法一、 方法二、
阅读全文
-
CSS中伪类及伪元素用法详解
摘要：CSS中伪类及伪元素用法详解 伪类的分类及作用： 注：该表引自W3School教程 伪元素的分类及作用： 接下来让博主通过一些生动的实例（之前的作业或小作品）来说明几种常用伪类的用法和效果，其他的读者可以自己尝试： 伪元素和伪类的区别从作用也可以看出 伪元素：伪元素是创造关于文档语言能够指定的文档树
阅读全文
-
::before和::after伪元素的用法
摘要：::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,:
阅读全文
-
网页中常说的‘焦点’是什么意思
摘要：网页设计中常说的“焦点”可以理解为当前操作的对象。打个比方：某超级链接获得了焦点，则回车后，会打开这个超链。另外比如输入框获得焦点，即可在这输入框中录入文字，如果失去了焦点，就不是在这个输入框录入文字了。
阅读全文
-
负值之美：负margin在页面布局中的应用
摘要：本文转载自:http://www.topcss.org/?p=94，有修改。 负数给人总是一种消极、否定、拒绝之感，不过有时利用负margin可以达到奇妙的效果，今天就表一表负值在页面布局中的应用。这里说的负值主要指的是负margin。 关于负margin的原理建议大家看看这篇文章：http://w
阅读全文
-
CSS之Position详解
摘要：CSS之Position详解 CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如positioniseverything，本文将主要
阅读全文
-
vertical-align和text-align
摘要：vertical-align只适用于内联元素。 垂直对齐：vertical-align属性（转） 行高与单行纯文字的垂直居中，而如果行内含有图片和文字，在浏览器内浏览时，读者可以发现文字和图片在垂直方向并不是沿中线居中，而是沿基线对齐，如图7-34所示。 图7-34 文字和图片内容默认垂直对齐方式为
阅读全文
-
display:none与visible:hidden的区别
摘要：display:none与visible:hidden的区别 display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别: display:none 不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。 visible:hidd
阅读全文
-
margin:0 auto 与 text-align:center 的区别
摘要：基本概念： 1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: left; } //文本居左
阅读全文
-
CSS从大图中抠取小图完整教程(background-position应用)
摘要：CSS从大图中抠取小图完整教程(background-position应用) 相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象：网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候，经常遇到这个现象，那时候也不知道这时什么技术，人家的整张图片素材不会利用，只能用ps切图，切成单个的再用
阅读全文
-
首页焦点图myFocus插件
摘要：首页焦点图myFocus插件 myFocus特性 小巧却高效强大myFocus v2.0.min版只有9.89KB，却能使你的网页上可以运行超过30款风格各异的焦点图，在互联网独一无二哦~极其简单的使用无论有多少风格，还是这个风格有多么的牛逼闪闪，都只需加载一个js文件，然后用一句简单的js代码调用
阅读全文
-
行内元素与块级元素，以及转换
摘要：行内元素：（以下列举比较常用的行内元素，详情可在w3cschool查询） 行内元素与块级元素的区别： 1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：block。 2.行内元素和其他行内元素都会在
阅读全文
-
a标签的四个伪类
摘要：A标签的css样式 CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是： :link :visited :hover :active 因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签-
阅读全文
-
深入理解line-height与vertical-align(1)
摘要：http://www.cnblogs.com/xiaohuochai/p/5271217.html
阅读全文
-
行内元素和块级元素
摘要：行内内容是说由行内元素组成的内容，行内元素大家都知道吧，比如 SPAN 元素，IFRAME元素和元素样式的display : inline的都是行内元素。例如文字这类元素，各个字母 之间横向排列，到最右端自动折行。 块级内容跟则是由块级元素构成，DIV 是最常用的块级元素，元素样式的display:
阅读全文
-
深入理解 CSS 中的行高与基线
摘要：深入理解 CSS 中的行高与基线 1、基本概念 1. 基线、底线、顶线、中线 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。 2. 内容区 内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color属性显示出来）
阅读全文
-
深入理解line-height与vertical-align
摘要：前面的话 line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容，本文将主要介绍line-height与vertic
阅读全文
|
浙公网安备 33010602011771号
浙ICP备2021040463号-3
