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

CSS应用基础教程(1) 基本认识的相关文章

• 
  CSS基础教程:CSS的应用

  标签：Web开发

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

  上官黄毛

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

  标签：Web开发

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

  a硪学会了安静

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

  标签：Web开发

  本 章 Ｃ Ｓ Ｓ 的 主 要 作 用 在前面的章节介绍完了声明与应用的方法及 一些特性之後，从这章开始，便要正式进入ＣＳＳ的指令介绍了！本章有两个介绍的主 题，第一个部份介绍的是颜色与背景性质的ＣＳＳ，其主要的作用在于设定元素的前景 颜色、背景颜色与背景图形等样式设定的性质；而第二部份为您介绍的是用于控制摆放 元素位置的ＣＳＳ的指令。 颜 色 背 景 的 Ｃ Ｓ Ｓ...[ 查看全文 ]

  根本停不下来NS

  01
• 
  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基础教程: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
• 
  FreeHand 10 入门基础教程（1）

  标签：Illustrator

  FreeHand 10 入门基础教程      Freehand10 第一课 清楚Freehand是一个矢量（数学方法）绘图软件，可用于建筑设计图、卡通及插图绘制等领域。 矢量图与分辩率无关，是由点、线构成面。再由这些线和面的组合，即可绘出各种复杂的图形。 认识Freehand的界面，由八个菜单、一个工具箱、八个工具栏、一个检查面板（包涵五个子面板）、九个浮动面板。 新建（New）---Ctrl+N 新建一文档...[ 查看全文 ]

  单身汉子0

  1621
• 
  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
• 
  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
• 
  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