初学CSS的基础教程:在网页中使用CSS

初学CSS的基础教程:在网页中使用CSS的相关文章

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

  标签：Web开发

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

  郜芷伊

  61
• 
  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的Text 文本

  标签：Web开发

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

  小杰的领域

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

  标签：Web开发

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

  wangbingqibaby

  31
• 
  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基础教程: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的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基础教程：布局网页技巧的完全学习手册

  标签：Html CSS布局 Div+CSS XHTML

  你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成...[ 查看全文 ]

  潇狼215

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

  标签：Web开发

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

  嘟咪鱼鱼

  171
• 
  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
• 
  如何在网页插入CSS

  标签：Web开发

  前两章我们了解了CSS的语法，但要想在浏览器中显示出效果，就要让浏览器识别并调用。当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用link标记链接到这个样式表文件，这个link标记必须放到页面的head区内，如下： head …… ...[ 查看全文 ]

  我是江采儿

  01
• 
  CSS基础教程:网页图文混排的10个技巧

  标签：Web开发

  图文混排! 我想，你会想到这个。这里，准备给你介绍10个在文章的排版中会用到的CSS基础，当然，包括图文混排，是怎样做到的。准备好了吗？ 那我们开始： 1. 首行缩进 你知道的，从小学，老师就教我们，段落的开头应该空两格。而你使用word的时候，也有首行缩进这个功能，但在html中你的空格键好像起不了作用了。当然，你可以用 来代替一个空格，但这不是理想的方式，用CSS吧，简单，有效： p style=&qu...[ 查看全文 ]

  晚上去8

  601
• 
  CSS基础教程：布局网页技巧的完全学习手册 (1)

  标签：Web开发

  你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对 应的什么...[ 查看全文 ]

  扔走你的纸

  161
• 
  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应用基础教程(2) 应用方式

  标签：Web开发

  Ｃ Ｓ Ｓ 的 声 明 方 式 这章节将开始为您介绍ＣＳＳ的应用。当然一开始要介绍的是如何去建立个样式表 （Style Sheets），包括了声明的方式和应用在网页上的方法，最後还会为您概述一下ＣＳＳ的一些特性。概略来说，ＣＳＳ的声明有三种方式： 一、基本声明：最典型的ＣＳＳ声明方式。 element {property: value} 用中文来表示的话，也就是 元件(标签) {性质(属性)名称: 设定值} 例如： ...[ 查看全文 ]

  时空穿梭机20

  11
• 
  CSS应用基础教程(3) 应用补充

  标签：Web开发

  在讲挑选者的特性之前，要提一下的是ＣＳＳ继承的特性。所谓的继承的特性是指被包在内部的标签将拥有外部标签的样式性质。继承的特性最典型的应用通常发挥在预设整份网页的样式，而要指定为其它样式的部份再依要设定在个别元素里即可。这项特性可以提供网页设计者更理想的发挥空间。 接下来就要讲挑选者特性的应用！其实这部份应该算是声明的一种方式，但是在您看过第二章的基本的声明与应用後，到...[ 查看全文 ]

  a硪学会了安静

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

  标签：Web开发

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

  玩心跳11111

  11
• 
  CSS应用基础教程(1) 基本认识

  标签：Web开发

  关 於 Ｃ Ｓ Ｓ 的 概 论 ＣＳＳ是『Cascading Style Sheets』的简称，中文翻为「串接样式表」，也有人只翻为「样式表」。ＣＳＳ用以作为网页的排版与风格设计，在所谓的「新式网页」里 ，ＣＳＳ不容置疑是相当重要的一环。ＣＳＳ是以既有的基础，用以弥补既存ＨＴＭＬ 规格里的不足，也让网页的设计更为灵活。 这份教学文件就要来为您介绍ＣＳＳ的应用罗！在这边并不介绍ＣＳＳ的所有...[ 查看全文 ]

  橙子爱程子

  31