-
CSS的优先级特性Specificity
如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 它可能不像其它那么重要,大部分案例你不需要担心冲突,但大型而且复杂的CSS文件,或有很多CSS文件组成的,可能产生冲突。 选择器一样的情况下后面的会覆盖前面- 1.3k
- 0
-
CSS基础教程:CSS的伪元素Pseudo Elements
伪元素吸附在选择上和pseudoclasses伪类很像,像这样selector:pseudoelement{property:value;}。有四种方式。 FirstlettersandFirstlines首字母和首行 first-letter伪元素作用到元素的第一个字母,first-line作用到元素的顶行。你可以,例如为段落创建一个dr- 1.6k
- 0
-
CSS基础教程:CSS的At-Rules@规则
At-rules分装不同的CSS规则,应用在特定场合。 Importing import@规则引用另外的样式。例如,如果你想添加另外样式到现在的样式,可以这样: @importurl(addonstyles.css); 这很像使用link元素连接CSS到HTML,本质上说有一个内容样式像下面: styletype="tex- 1.9k
- 0
-
CSS基础教程:CSS网页布局Page Layout
使用CSS布局非常简单,如果你习惯使用tables布局,可能开始时有点困难,但其实很容易,事实上只是观念的不同。 你需要把网页的每个部分看成独立的块,你可以绝对或相对定位块。 Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixe- 1.8k
- 0
-
CSS基础教程:CSS的display属性
操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式。一些由标签组成的大部分页面可以设定任何样式。浏览器默认的样式里的大部分html元素由字体样式、margin,padding组成,本质上是显示类型。 display属性基本上分为inline,block,和none。 inline- 1.5k
- 0
-
CSS基础教程: CSS的Background Images 背景图片
背景图片BackgroundImages有许多属性可以操作。 幸运的是,可以使用background处理所有: body{ background:whiteurl(http://img.sj33.cn/allimg/200803/20080309225852658.gif)no-repeattopright; } 上面合并了下面属性: background-color出现在前面。 back- 1.8k
- 0
-
CSS基础教程: CSS的属性缩写
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width,margin-right-width,margin-bottom-width等等,形式像这样:property:toprightbottomleft;逆时针顺序。 所以下面的: p{ border-top-width:1- 1.3k
- 0
-
CSS基础教程:CSS的Pseudo Classes 伪类
请你注意一些CSS伪类属性不被所有浏览器支持,但有四个伪类可以安全使用在链接上 伪类像是指定选择器状态或关联选择器的门闩。它们的形式如:selector:pseudoclass{property:value;},在选择器和伪属性之间使用冒号。 link没有点击过的链接 visited以点击过- 1.2k
- 0
-
CSS基础教程: CSS的分组(Grouping)和嵌套(Nesting)
Grouping 分组 当许多选择器有同样属性时,可以使用逗号组合它们。 例子: h2 { color: red; } .thisOtherClass { color: red; } .yetAnotherClass { color: red; } 上面的可以写成这样: h2, .thisOtherClass, .yetAnotherClass { color: red; } Nesting 嵌- 1.9k
- 0
-
CSS基础教程:Class以及ID选择器
前面的学习我们仅仅使用HTML选择器(在HTML页面里为html标签,如 P) 现在我们学习使用clss和id定义属于自己的选择器。 这样,同样的html元素可以通过class或ID使用不同的表现。 在CSS里,使用点号(.)创建class选择器,使用hash符号(#)创建ID选择器。 例- 1.7k
- 0
-
CSS基础教程:CSS属性结合起来使用
如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处理HTML样式。 下面的代码覆盖了初级教程的所有方面,保存下面的CSS文件并且在浏览器里观看连接的HTML,你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件,改变CSSHTML会发生- 1.2k
- 0
-
CSS基础教程:Borders 边框
CSSBorders边框 边框可以运用到body里的大部分HTML元素。 制作一个元素的边框,你需要border-style边框样式。值可以是:solid,dotted,dashed,double,groove,ridge,insetandoutset,具体样式大家可以实际下。 border-width设定宽度,通常使用pixels即单位是px- 1.1k
- 0
-
CSS基础教程:CSS的Text 文本
有一系列属性可以改变网页文字的大小和形状,概要如下: font-family 文字使用的字体,比如宋体,TimesNewRoman,Arial等等 这个属性必须详细制定,不能使用偏僻的字体,要使用安全字体(比如arial,verdana和timesnewroman和宋体),可以同时指定许多字体,- 1.3k
- 0
-
CSS基础教程:CSS的color颜色
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,p- 1.1k
- 0
-
CSS 选择器(Selectors)、属性(Properties)、值(Values)
HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。 每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。 值在冒号(不是等号)后面,分号分离属性。 body{ font-size:0.8em; color:navy; } 上面的意思是为bod- 1.2k
- 0
-
CSS基础教程:CSS的应用
有三种方法应用CSS 一、In-line行内 行内样式是在html标签里直接使用style属性 pstyle="color:red"text/p 设定段落文字红色。 但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。 二、Internal内部 使用于整个页面的植入内- 961
- 0
-
CSS教程:可扩展圆角标签
在制作网页的时候,很流行使用标签的方式进行分类显示, 圆角标签 具有样式美观、表现方式形象的优点,一般我们都会将圆角标签的背景制作成一张图片,这样做的不足之处是如果标签文字字数变化(如图1),固定的背景图片不能随之进行扩展。这样我们就需要制作- 1.4k
- 0
-
CSS基础教程:水平对齐(text-align)
水平对齐(text-align),用以设定元素内文本的水平对齐方式。 1.语法 text-align具体参数如下: 语法:text-align:left|right|center|justify 说明:设定元素内文本的水平对齐方式。 参数:left:左对齐;right:右对齐;center:居中;justify:两端对齐 初始- 1.9k
- 0
-
CSS基础教程:CSS中的定位(position)
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。 其实,要想控制好层的绝对定位,只要理解CSS中关- 1.2k
- 0
-
CSS基础教程:盒模型(BOX Model)
如果想熟练掌握P和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所- 1.1k
- 0
CSS基础教程
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!






