随笔分类 -  CSS

上一页 1 2
css实现圆角三角形例子(无图片)
摘要：css实现圆角三角形例子(无图片) 以前我们做圆角时都会要用到图片来实现，今天我给大家整理的这款css圆角效果是不需要图片的纯css实现的哦，下面我们一起来看看吧。 效果如下图所示 三角形所对方向"width: 0"， 反向为三角形高度(20)"border-width: 20px"， 反向颜色为三 阅读全文
posted @ 2016-09-16 11:39 芜明-追星 阅读(4871) 评论(0) 推荐(0)
CSS实现文字半透明显示在图片上方法
摘要：CSS实现文字半透明显示在图片上方法 在css中文字半透明我们会需要使用滤镜效果也就是css中的filter:alpha来实现了，下面来看两个文字显示在图片上并且半透明的例子。 CSS让一行文字显示在图片的底部，用来说明图片的内容，当作图片标题，标题文字和背景可以设置半透明，鼠标经过图片时边框换色。 阅读全文
posted @ 2016-09-16 11:37 芜明-追星 阅读(5005) 评论(0) 推荐(0)
CSS浮动与清除浮动(overflow)例子
摘要：在css中浮动与清除浮动功能是我们开发中常用到的一个功能了，下面小编来为各位分析关于CSS浮动与清除浮动(overflow)例子吧． float脱离文本流，可是为什么文字却会有环绕的效果，这点实在是神奇，于是乎就去问了师匠： Normal flow is the way that elements 阅读全文
posted @ 2016-09-16 11:35 芜明-追星 阅读(301) 评论(0) 推荐(0)
Css三栏布局自适应实现几种方法
摘要：Css三栏布局自适应实现几种方法 自适应实现方法我们可以从三个方法来做，一个是绝对定位 ,自身浮动法 和margin负值法了，下面我们一起来看看这三个例子吧，希望例子能帮助到各位同学。 绝对定位法三栏布局自适应： 代码如下 复制代码 <!doctype html> <html> <head> <me 阅读全文
posted @ 2016-09-16 11:35 芜明-追星 阅读(538) 评论(0) 推荐(0)
css3中定义required,focus,valid和invalid样式
摘要：css3中定义required,focus,valid和invalid样式 本文章来给大家介绍在css3定义required,focus,valid和invalid样式的方法，此方法目前只支持ie9+及ff,gg浏览器哦。 css3 提示只适用于高级浏览器： Chrome Firefox Safar 阅读全文
posted @ 2016-09-16 11:34 芜明-追星 阅读(791) 评论(0) 推荐(0)
30个你必须记住的CSS选择符
摘要：所以你学会了基础的id，类和后代选择符，然后你就一直用它们了吗？如果是这样，你丢失了（css的）巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分，因此，只有在现代浏览器中才可使用。 1.* * { margin: 0; padding: 0; } 对于初学者，在学习更多高级选择器之前， 阅读全文
posted @ 2016-09-16 11:28 芜明-追星 阅读(313) 评论(0) 推荐(0)
实践jQuery Easyui后本地化有感
摘要：这个星期在忙着easyui的例子中的大部分功能的本地化。一开始给我的感觉就是把jquery easyui中的每个demo的代码粘贴复制一遍。 可是，真正在做的过程中，我才发现，我错了。 在仿写easyui的demo时，不仅可以照着示例中的demo编写，还可以在其中添加自己的功能，自己的样式。 在写代 阅读全文
posted @ 2016-09-14 11:30 芜明-追星 阅读(242) 评论(0) 推荐(0)
图解CSS的padding,margin,border属性
摘要：本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样 阅读全文
posted @ 2016-09-14 11:28 芜明-追星 阅读(662) 评论(0) 推荐(0)
css样式整理
摘要：字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-heigh 阅读全文
posted @ 2016-09-14 11:23 芜明-追星 阅读(140) 评论(0) 推荐(0)
absolute绝对定位的非绝对定位用法
摘要：总结： position为absolute的元素如果没有设置left, top等值与left:0;top:0;的的效果是不一样的。例如一个div中有个absolute属性元素，其没有left或是top值，其会像个普通的inline-block属性元素一样静静地呆在这个div 里面，但是一旦设置了le 阅读全文
posted @ 2016-09-12 12:22 芜明-追星 阅读(378) 评论(0) 推荐(0)
CSS实现圆角六色渐变自适应按钮
摘要：Css代码 .g_a{display:-moz-inline-stack; display:inline-block; border-bottom:1px solid #cccccc; border-top:1px solid #e1e1e1; background:#f9f9f9; text-de 阅读全文
posted @ 2016-09-12 12:21 芜明-追星 阅读(238) 评论(0) 推荐(0)
CSS 块级元素、内联元素概念
摘要：p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong。span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间）。 a、行 阅读全文
posted @ 2016-08-31 17:27 芜明-追星 阅读(163) 评论(0) 推荐(0)
设计中最常用的CSS选择器
摘要：一、标签选择器： 顾名思议，标签选择器是直接将HTML标签作为选择器，如p、h1、dl、strong等HTML标签。 如： p { font:12px;} em { color:blue;} dl { float:left; margin-top:10px;} 二、id选择器： 我们通常给页面元素定 阅读全文
posted @ 2016-08-31 17:26 芜明-追星 阅读(201) 评论(0) 推荐(0)
CSS边框-属性详解
摘要：图解CSS padding、margin、border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外 阅读全文
posted @ 2016-08-26 14:53 芜明-追星 阅读(851) 评论(0) 推荐(0)
CSS padding margin border属性详解
摘要：图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外边 阅读全文
posted @ 2016-08-23 14:04 芜明-追星 阅读(180) 评论(0) 推荐(0)
设计中最常用的CSS选择器
摘要：准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类（class）或ID，通过合适的组织，可以用最简单的方法实现同样的效果。在实际工作中，最常用的选择器有以下五类： 一、标签选择器：顾名思议，标签选择器是直接将HTML标签作为选择器，如p、h1、dl、strong等HTML 阅读全文
posted @ 2016-08-23 13:58 芜明-追星 阅读(220) 评论(0) 推荐(0)

上一页 1 2