CSS应用基础教程(4) 颜色背景

CSS应用基础教程(4) 颜色背景的相关文章

• 
  CSS基础教程:CSS的应用

  标签：Web开发

  有三种方法应用CSS 一、In-line 行内 行内样式是在html标签里直接使用style属性  p style="color: red"text/p 设定段落文字红色。 但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应该在任何地方避免。 二、Internal 内部 使用于整个页面的植入内部样式在head标签里面，style标签包围样式。 !DOCTYPE html PUBLIC "-//W3C/...[ 查看全文 ]

  上官黄毛

  11
• 
  CSS基础教程:CSS的color颜色

  标签：Web开发

  css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。 red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17个预先确定的颜色，它们是： aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,  olive, orange, purple, red, silver, teal, white, and&...[ 查看全文 ]

  shxeyjj

  11
• 
  CSS基础教程: CSS的Background Images 背景图片

  标签：Web开发

  背景图片Background Images有许多属性可以操作。 幸运的是，可以使用background处理所有： body {     background: white url(/jc/UploadFiles/200803/20080309225852658.gif) no-repeat top right; } 上面合并了下面属性： background-color出现在前面。  background-image图片的位置。  background-repeat图片重复...[ 查看全文 ]

  中大巨鼎

  71
• 
  CSS基础教程:CSS的Text 文本

  标签：Web开发

  有一系列属性可以改变网页文字的大小和形状，概要如下： font-family 文字使用的字体，比如宋体，Times New Roman，Arial等等 这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体（比如arial，verdana和times new roman和宋体），可以同时指定许多字体，只要使用逗号分开即可。这样的用意是，如果用户电脑里没有第一个字体浏览器可以使用后面指定的字体。这非常有用...[ 查看全文 ]

  小杰的领域

  51
• 
  CSS基础教程:Borders 边框

  标签：Web开发

  CSS Borders 边框 边框可以运用到body里的大部分HTML元素。  制作一个元素的边框，你需要border-style边框样式。值可以是： solid, dotted, dashed, double, groove, ridge, inset and outset，具体样式大家可以实际下。 border-width设定宽度，通常使用pixels即单位是px，同样有四边属性：border-top-width, border-right-...[ 查看全文 ]

  小森森569

  21
• 
  CSS基础教程:CSS中的定位（position）

  标签：Web开发

  使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层就会偏离设计想要的位置，让人很挠头。 其实，要想控制好层的绝对定位，只要理解CSS中关于定位（position）的定义，一切就会变得轻松简单。 CSS中关于定位（position）是这样定义的： 定位（position） 允许用户精确...[ 查看全文 ]

  wangbingqibaby

  31
• 
  CSS基础教程:CSS网页布局Page Layout

  标签：Web开发

  使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。 你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。 Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixed。 static是元素默认属性，按HTML出现的先后顺序。 relative比较像static，但元素可以使用top,right,bottom和left设定初始...[ 查看全文 ]

  郜芷伊

  61
• 
  CSS基础教程:CSS的At-Rules@规则

  标签：Web开发

  At-rules分装不同的CSS规则，应用在特定场合。 Importing import@规则引用另外的样式。例如，如果你想添加另外样式到现在的样式，可以这样： @import url(addonstyles.css); 这很像使用link元素连接CSS到HTML，本质上说有一个内容样式像下面： style type="text/css" media="all"@import url(monkey.css);/style 这是为了照顾老版本浏览器，比如Netscape4不支持@...[ 查看全文 ]

  天枰王娇娇娇

  61
• 
  CSS基础教程:margin和padding

  标签：Web开发

  margin和padding用来隔开元素，margin是隔开元素与外边，padding是隔开元素里边。 例子h2： h2 {     font-size: 1.5em;     background-color: #ccc;     margin: 1em;     padding: 3em; } 元素四边可以设置的属性：margin-top, margin-right, margin-bottom, margin-...[ 查看全文 ]

  rhptjbp337

  31
• 
  颜色的混合 ----Illustrator 基础教程

  标签：Illustrator

  1 混合工具 1 混合工具 单击页面上任意两个路径，都可以实现混合。 （1）颜色的混合：两个不同颜色填充和笔画的路径，颜色可以混合。 （2）形状个数的混合：选择步长数，在两个物体之间，生成数量为步长数的物体，它们的形状和颜色逐步过渡。 （3）按指定距离的混合：输入距离，在两个物体之间，按一定距离生成过渡物体，它们的形状和颜色也是逐步过渡。 双击混合工具，可弹出“混合选项”对...[ 查看全文 ]

  安道尔的阳光0

  211
• 
  CSS基础教程:CSS的Pseudo Classes 伪类

  标签：Web开发

  请你注意一些CSS伪类属性不被所有浏览器支持，但有四个伪类可以安全使用在链接上 伪类像是指定选择器状态或关联选择器的门闩。它们的形式如：selector:pseudo class { property: value; }，在选择器和伪属性之间使用冒号。 link 没有点击过的链接  visited以点击过的链接  active获得焦点时的链接（比如在点击时）  hover 鼠标在链...[ 查看全文 ]

  隆和门窗

  11
• 
  CSS基础教程:CSS的伪元素Pseudo Elements

  标签：Web开发

  伪元素吸附在选择上和pseudo classes伪类很像，像这样selector:pseudoelement{property: value;}。有四种方式。 First letters and First lines 首字母和首行 first-letter伪元素作用到元素的第一个字母，first-line作用到元素的顶行。你可以，例如为段落创建一个drop caps和首行加粗。 p:first-letter {     font-size: 3em...[ 查看全文 ]

  673214684

  41
• 
  CSS基础教程:盒模型(BOX Model)

  标签：Web开发

  如果想熟练掌握DIV和CSS的布局方法，首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子，盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间，还有边界（margin），如图1所示。 图1 盒模型图解 填充、边框和边界都分为“上右下左”四个方向，既可以分别定义，也可以统一定义。 CSS内定义的宽（width...[ 查看全文 ]

  玩心跳11111

  11
• 
  C 语言基础教程（一）颜色加亮

  标签：编程语言 网络编程

  首先请看下面这个简单的 C 程序，猜猜它会做些什么。猜不出来也没关系，后面会有详细的解说。          #include stdio.h          int main( void )            /* 一个简单的程序 */          {   ...[ 查看全文 ]

  有疯的日纸

  41
• 
  Photoshop基础教程：详细解析颜色通道

  标签：PS PS基础

  很多初学CS的朋友对通道的使用原理不是很了解，在这里我就向读者讲述通道的基本原理颜色通道。在Photoshop中颜色通道的作用非常重要，颜色通道用于保存和管理图像中的颜色信息，每幅图像都有自己单独的一套颜色通道，在打开新图像时会自动进行创建。图像的颜色模式决定创建颜色通道的数目。 (1)启动Photoshop CS5，执行文件→打开命令，将素材彩色瓶.jpg文件打开。 (2)执行编辑→首选项→界面命令，打开...[ 查看全文 ]

  WWWQenjoy

  81
• 
  CSS基础教程: CSS的分组(Grouping)和嵌套(Nesting)

  标签：Web开发

  Grouping 分组 当许多选择器有同样属性时，可以使用逗号组合它们。 例子： h2 {     color: red; } .thisOtherClass {     color: red; } .yetAnotherClass {     color: red; } 上面的可以写成这样： h2, .thisOtherClass, .yetAnotherClass  {     c...[ 查看全文 ]

  嘟咪鱼鱼

  171
• 
  Photoshop基础教程：虚线的终极应用

  标签：PS PS教程

  前天晚上讨论了在PS(Photoshop)中制作虚线的方法，下来后自己录了个视频和大家一起分享制作方法。 视频中有些快捷键操作，可能初级朋友看不太懂，下面我把大概的方法说一下： [next] 1、用路径画出形状 2、路径转化为选区，新建层1，执行描边 3、选择合适的笔刷（硬边方形或圆形），设置合适的笔刷间距(笔刷间距的设置在PS程序的右上角) 4、到路径面板下显示出刚才的路径，新建一层2，执行路径描边 5...[ 查看全文 ]

  莫痴love

  31
• 
  Illustrator基础教程：星形工具的应用

  标签：Illustrator

  用星形工具并结合ctrl/alt/shift可以作出下图的效果。   第一种：先选中星形工具。按住鼠标不放，结合ctrl拖出一个星形，按向下键可以调整这种星形。 第二种：先选中星形工具。按住鼠标不放，同时按住alt+ctrl键，再按向下键，再松开鼠标做出一个正三角形； 按住鼠标不放，在正三角形的前提下，再按一次向上键，画出这种多角形   按住鼠标不放，在正三角形的前提下，再按两...[ 查看全文 ]

  神马奇迹啊

  21
• 
  CorelDRAW基础教程：美丽的调和应用

  标签：CorelDRAW

  在学习中遇到问题可以到 论坛CorelDRAW版块  发贴交流！ 本例为CorelDRAW基础工具应用实例教程，在本教程中我们将学习CorelDRAW的调和工具的应用，教程将从调和的简单应用、调和与旋转、调和与渐变和运用调和工具制作出漂亮的盆花实例来讲解，适合CorelDRAW初学者学习，希望朋友们喜欢~~ 调和工具应用案例讨论：http://bbs.jcwcn.com/viewthread.php?tid=311700 自Coreldraw问世以...[ 查看全文 ]

  仲夏不殇

  21
• 
  CSS基础教程:水平对齐(text-align)

  标签：Web开发

  水平对齐（text-align），用以设定元素内文本的水平对齐方式。 1.语法 text-align具体参数如下： 语法：text-align : left | right | center | justify 说明：设定元素内文本的水平对齐方式。 参数：left : 左对齐；right : 右对齐；center :  居中；justify :  两端对齐 初始值：跟浏览...[ 查看全文 ]

  taoweishan

  11