浏览: 2864
2018年05月15日
clear (清除) 属性是用来抵销 float 属性的作用。可能的值为:left:消除左边的浮动。right:消除右边的浮动。both:消除左边及右边的浮动。none:不消除任何一边的浮动。来看一下从 float 那一页稍作修改的例子:CSS 代码:#leftfloat { float:l...
浏览: 2852
2018年05月13日
以下是几个最常被用到与文字样式有关的 CSS 属性。directionletter-spacingline-heighttext-aligntext-decorationtext-indenttext-transformword-spacingdirectiondirection 属性是用来设定...
浏览: 2815
2018年05月10日
一个在大型网站常见的格式,就是将文字绕著一个图案显现。这是用 float (浮动) 这个属性来达成的。float 属性有三个可能的值:left、right、和 none。来看看以下的例子:例 1:若有以下的 CSS 案例,#leftfloat { float:left; }那以下的 HTML...
浏览: 2765
2018年05月08日
在 CSS 中常见的位置 (position) 属性有以下几种:positiontoprightleftbottomoverflowz-indexpositionposition 属性制定出要用哪一类的位置。可能的值有:static (预设值): 这代表元素会被放在预设的地方。如果 positi...
浏览: 2765
2018年05月05日
在 HTML 中,常看到 <table> 之内加了 border、cellpadding、及 cellspacing 的属性。如果我们有透过 CSS 来制定表格的样式,那就不需要在 HTML 之内用到这些属性了。table、th、tr、及 td 这几个选择器可以使用许多在这个教学中有提到的 CS...
浏览: 2920
2018年05月01日
在 CSS 中常见的列表 (list) 属性有以下几种:list-style-typelist-style-positionlist-style-imagelist-style每一个属性在以下会有详细地介绍:list-style-typelist-style-type 属性是用来设定在清单中,每...
浏览: 2598
2018年04月27日
连接的预设样式是蓝色,且有下划线。可是,有的时候,我们会想要改变一下这个预设的样式。这可以透过以下几个选择器来达成:a:link: 设定当连接过去的网页尚未被看过时,该连接的样式。a:visited: 设定当连接过去的网页已经看过时,该连接的样式。a:hover: 设定当滑鼠盖在连接上面时,该连...
浏览: 2829
2018年04月26日
在 CSS 中常见的字体 (font) 属性有以下几种:font-familyfont-sizefont-weightfont-stylefont-variant每一个属性在以下会有详细地介绍:font-familyfont-family 属性是用来设定字体的类别。css样式代码效果p {fon...
浏览: 2759
2018年04月18日
color (颜色) 属性能让我们在 CSS 中设定一个元素的颜色。这个属性可以有以下三类的设定值:十六进位值RGB 码颜色名称color 属性的语法如下:十六进位值:{color:#XXXXXX;}X 为十六进位码 (从 0 到 9,以及 A 到 F)。RGB:{color:rgb(X,Y,Z...
浏览: 3240
2018年04月12日
在 CSS 中常见的背景 (background) 属性有以下几种:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position每一个属性在以下会有详细地介绍:backgroun...
浏览: 2727
2018年04月10日
我们从盒子模式那一页看到,留白 (padding) 是在内容外,边框内的部分。一个盒子有四个边,所以我们可以对这四个边的留白逐一设定:1 padding-top (上) 2 padding-right (右) 3 padding-bottom (下) 4 padding-left (左)第五个属...
浏览: 2704
2018年04月07日
在 CSS 中常见的边框 (border) 属性有以下几种:border-styleborder-widthborder-colorborder-top-, border-left-, border-bottom-, border-right-borderborder-styleborder-s...
浏览: 2788
2018年04月06日
如我们在盒子模式那一章节看到的,外边距 (margin) 是在边框之外,并且是用来设定各个元素之间的距离。一个盒子有四个边,所以我们可以对这四个边逐一设定:1 margin-top (上边界) 2 margin-right (右边界) 3 margin-bottom (下边界) 4 margin...
浏览: 2754
2018年04月02日
盒子模式 (box model) 是在 CSS 中一个很重要的观念。它是用来描述一个元素是如何组成的。以下是盒子模式的式样:在盒子模式中,内容 (content) 是最内层的部分,接下来依序为留白 (padding)、边框 (border)、以及边界 (margin)。边界是用来设定各个元素之间...
浏览: 2696
2018年03月30日
在 CSS ,长度单位可以分为两大类:绝对 (absolute) 单位以及相对 (relative) 单位。相对单位包括: px: pixels em: em ex: x 字母的高度绝对单位包括:in: 吋cm: 公分mm: 公厘pt: points, 1 pt = 1/72 吋pc: p...
浏览: 2719
2018年03月29日
DivDiv 这个标签目的是将内容分为不同的区域,而每一个区域可以根据 CSS 中的渲染而有自己的样式。Div 是一个区块级容器 (block-level container),这代表在 </div> 标签后会换行。举例来说,如果我们有以下的 CSS 样式:.large { color: #...
浏览: 2738
2018年03月27日
在 CSS 语法那一页中, 我们有提到,Class 及 ID 都是使用者设定的选择器 (selector)。以下分别介绍:ClassClass 的语法,是先放一个句点 (.),之后再列出选择器名称。设定一个 Class 选择器的语法如下:.【Class 名称】{ 属性:设定值; ... ...
浏览: 2654
2018年03月23日
在一个 HTML 文件中,标签之间有所谓的亲子关系。举例来说,<title> 这个标签一定都是在 <head> 这个标签之内,所以我们就说 <title> 是 <head> 的子标签。继承 (inheritance) 的意思就是说子标签的样式会跟父标签一样,除非子标签本身另有自订的样式。举例来说...
浏览: 2979
2018年03月06日
一,前言编写css样式小编建议用dreamweaver软件,此软件可以一边编写css样式一边浏览。具体dreamweaver下载请自行搜索安装。二、在HTML中插入样式表插入样式表的方法有三种:1,外部样式表2,内部样式表3,内联样式2.1 外部样式表在html中的<head></head>插入...
浏览: 2726
2018年03月05日
CSS 的全名为 Cascading Style Sheets。如果只有一个样式表,那『串接』(cascade) 这个部分就不重要。若一个 HTML 文件中包含有多个样式表,那串接这个概念就非常重要了。串接是指当不同样式表中对相同属性有不同定义时,应该要用哪一个样式表中的定义的规则。串接及优先权...