css
-
css父标签中的子标签默认位置详细介绍
这篇文章分享css父标签中的子标签默认位置详细介绍 .a{width: 100px;height: 100px;background: red;position: relative;top: 40px;left: 50px;padding: 30px;}.b{width: 50px;height: …
-
使用css画出三角形的方法介绍
看到有面试题里会有问到如何用css画出三角形 众所周知好多图形都可以拆分成三角形，所以说会了画三角形就可以画出很多有意思的形状 画出三角形的原理是调整border（边框）的四个方向的宽度，线条样式以及颜色。 如果你将宽度调的足够大，改变不同方向的颜色，你就可以发现盒模型的border是四个梯形一…
-
利用css解决table文字溢出控制td显示字数方法
很多的新手朋友们会在做开发的过程中，总会遇到或多或少的问题，之前看到有人问怎么让多余的文字隐藏显示并使用…表示，今天呢，就给大家解决这个问题，直接上代码，代码如下 table{ width:100px; table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下…
-
css设置滚动条样式步骤图解
因为最近公司做的项目需要用到滚动条（项目在webkit平台下运行），所以研究下滚动条的css。 浏览器默认的滚动条样子太过屌丝了，得自己动手整整。记得IE浏览器有几个设置滚条的样式，不过比较鸡肋，只能设置颜色之类的，而且webkit下面也不支持。无意间看到网易邮箱的滚动条样子很好看，一开始以为是用d…
-
使用纯CSS打造可折叠树状菜单方法介绍
随着css3的发布，国外研究正如火如荼，但在国内还有很多人抱着ie不支持css3的想法，始终无动于衷不肯去学习。但是历史告诉我们，好的东西必将盛行，css3也终将也会替代css2，下面就和大家分享一个用css3打造的可折叠树状菜单。 树状菜单相信大家都不会陌生，我们一般用css+js 的方式来实现。…
-
使用css实现左（右）侧固定宽度，右（左）侧宽度自适应方法介绍
老话长谈，css的不固定适应布局 不管是面试还是在平时的工作中，这样的布局形式一直都在用着，很常见，所以今天我就拿出来在唠叨一下， 既是给自己一个备忘存储，也是一个学习巩固的参考，知道大家都会，还是要记忆一下，不为其他，就为打好基础。 话说太多， 直接上代码，一看就能明白。 也许你会不屑一顾的说…
-
深入了解css易混淆属性和值的区别
css的属性很多，每一个属性的值也很多，组合起来便有成千上万种。不同属性之间的相互组合也可以产生不同的样式，css真是一种优美的样式设计语言。下面对工作中常见的易混淆的属性和值进行总结： 1. line-height(行高) 带单位与不带单位的区别： 我们知道行高是可以继承的。当父元素的行高值没有带…
-
详解CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
在网页制作中经常要控制p宽度最大宽度/高度或者最小宽度/高度，但是在ie6中很多朋友都会遇到不兼容的头疼问题，包括我也经常遇到这样的问题，在百度查了很多都没法解决，后来在一个论坛上学习到，在这里跟大家分享下css3样式代码，经过时间完全兼容各大主流浏览器。 * 最小寬度 */ .min_width{…
-
深入了解CSS级联和继承的使用
1.在html中使用css样式表的三种方式： （1）内联的样式表。 eg：LIN （2）嵌入式样式表。 即在head>标签内嵌入标签及具体的样式设置内容。 立即学习“前端免费学习笔记（深入）”； （3）外部链接的样式表。 2.级联的顺序 （1） 首先要根据起源（origin）将规则分类。 具…
-
详解css的四种书写方式介绍
优先级： 外部样式 优先级，即：同名的选择器右边的会覆盖左边 1.内部样式表 /*内部样式表，一般用于覆盖公用样式*/ ＃headTip { color: 0xff5; } 2.使用link标签，在文档中声明使用外接资源，最常用的一种方式。 立即学习“前端免费学习笔记（深入）”； css外部样式表指…
