首页> 关键字 >CSS
  • CSS教程:css的display属性<html> <head> <title>inlineBlock</title> <style type = "text/css"> div { background: orange; } span { background: red; } </style> </head> <body> <div> 我是div </div> <span> 我是span &l..【阅读全文】
  • CSS技巧:CSS格式化文本选择字体font-family: "Times New Roman", Times, serif;注意:字体名称中包含多个单词要用("")括起来。字体颜色color:#cccccc(16进制)color: rgb(0%, 100%, 0%) 或者 color: rbg(0, 255, 0)rgb颜色,百分数表示0-255的一个数修改字号font-sizefont-szie后面..【阅读全文】
  • CSS技巧:css的盒模型下面是css中的盒模型,每一个标签都是一个盒模型这个盒模型里面,最里面是内容区,内容区的外面是填充(padding), 填充的外面是边距(margin), 填充和边距之间是边框(border)。通过这个盒模型,我们可以发现,填充将内容和边框隔开,边框将填充和边距隔开,边距将一个元素和另一个元..【阅读全文】
  • CSS技巧:css中的表格间距css中的表格padding是为表格单元格添加填充调整垂直对齐和水平对齐text-alignleft center right justifyvertical-aligntop baseline bottom middle控制表格单元格内容的对齐方式,但是要注意的是vertical-align不能被继承,一次要直接指定。边框border当给表格运用border属性的时..【阅读全文】
  • CSS学习:css的背景图片的处理css的背景图片是设计一个漂亮网页的关键之处background-imageurl("图片相对于样式表的路径")注意:url是图片相对于样式表的路径,而非相对于当前网页的路径,路径可以加引号也可以不加引号控制重复background-repeatno-repet repeat repeat-x repeat-y 控制位置backgroun..【阅读全文】
  • CSS学习:CSS优先级我将CSS优先级总结为四个级别的优先,按照从高到低的顺序排列分别是标签离修饰内容近,!important相关,选择器级别,CSS代码位置靠下。在比较的时候从高往低比较。如果在某一优先级层面上已经比较出不同,就不需要继续比较;否则进入下一级的比较。下面详细的描述这四个优先级第一..【阅读全文】
  • CSS2+DIV的学习心得一、对CSS和页面布局的理解 1. 首先在如何写CSS之前,要先了解页面的整个布局结构,例如:主页面内容、站点导航(主菜单)、子菜单、搜索框、功能区、页脚,清楚了页面的结构,才能更好的去设计CSS样式。2. 样式表优先级:外部<内部<内联。有个例外的情况,就是如果外部样式放..【阅读全文】
  • css中替换元素和不可替换元素元素是文档结构的基础,在css中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如<div>和<span>就不同,而<strong>和<p>也不一样。在文档类型定义(dtd)中对不同的元素规定了不同的类型,这也..【阅读全文】
  • css浮动中避免包含元素高度元素为0的4种方法<html> <head> <title>Float</title> <style type = "text/css"> ul { list-style-type: none; width: 800px; background: blue; } li { float: left; } </style> </head> <body> <ul> <li><img src = ..【阅读全文】
  • 网页标准:HTML&CSS编码规范总体原则 符合w3c通用网页标准。 结构清晰,嵌套正确,嵌套深度适当。 代码精炼。 注释清晰,代码可读性高。 风格统一。 1.1 基本命名风格本文档的命名规范会仅使用以下命名风格。Camel风格 这种风格除了第一个单词的首字母,其他..【阅读全文】
  • CSS3经典教程系列:CSS3 阴影(text-shadow)text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*也就是:text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...或..【阅读全文】
  • CSS3制作旋转的大风车样式代码.windmill{ padding:10px; width:400px; height:400px; position:relative;animation-name:moveWindmill;animation-duration:4s;animation-timing-function:linearanimation-delay:0;animation-iteration-count:infinite;animation-play-state:running;/* 动画: */-moz-animation-..【阅读全文】
  • CSS新手学习:DIV背景定位 在写博客之前 我都是会把工作中接触到的新知识放在我的微博里面,但是由于微博总是限制我的字数,有很多内容我都是分散成几个部分,现在我就来整理一个,我积累的一个页面布局的内容。 在早期table风行的年代,页面布局中使用的小图标,和背景会让你的页面中有非常多的图片素材..【阅读全文】
  • CSS3 入门教程系列:CSS3 圆角(border-radius)您可能感兴趣的相关文章Web 开发人员和设计师必读文章推荐20个非常绚丽的 CSS3 特性应用演示35个让人惊讶的 CSS3 动画效果演示推荐12个漂亮的 CSS3 按钮实现方案24款非常实用的 CSS3 工具终极收藏 现在有了 CSS3 的 border-radius 特性之后,实现边框圆角效果就非常简单了,而且..【阅读全文】
  • CSS3入门教程系列:CSS3 RGBA 颜色用法详解RGBA 是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha(不透明度)的色彩空间。虽然它有的时候被描述为一个颜色空间,但是它其实仅仅是 RGB 模型附加了额外的信息从而形成了我们今天需要讨论的 RGBA。如果需要更详细的解说,大家就跟着我一起往下看吧。基本语法: R:红色..【阅读全文】
  • jquery和css实现的一个级联菜单最近在学些web前段的知识,看见博客园首页左侧的一个级联菜单,就想写一个demo.呵呵<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3...【阅读全文】
  • CSS标签语法:详解选择符中的关系选择符 相信大家都对CSS选择符都不陌生,选择符包含:元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符。在众多的选择符中,可以让我们根据自己的需要更加灵活性的选择合适的选择符来对样式进行编写,达到最大的质量和效率。 今天就为大家介绍下选择符中的关系选择..【阅读全文】
  • CSS教程:ie6中li插入图片后下方有空隙的问题<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/base.css" media="all"/> <s..【阅读全文】
  • 我的css架构理念前言 做前端已有不短的时间了,在css这片领域越走越久、越走越远,回过头来看看,有很多技能知识掌握了就不会再忘了,比如无图片实现三角形、ie下如何实现半透明效果等等;但有些东西却需要在项目实战中不断地碰壁、总结,再碰壁、再总结,慢慢地去找到适合自己的方法,然后遵循这..【阅读全文】
  • CSS技巧:固定宽度文字换行<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>固定宽度文字换行</title> <style type="text/css"> *{margin:0;padding:0;} body{font:12px SimSun;} a{color:blue;text-dec..【阅读全文】
共 1205 条记录┊当前页次:2/61┊20条/页