CSS样式表基础
<!--样式表是对标签样式的修改-->
<!--当对标签的样式重复定义时,使用距离最近的样式定义-->
<!--在html中导入css样式表-->
<link REL=stylesheet href="Untitled-1.css" type="text/css"> <!--在head标签中添加这行-->
<!--标签的选择-->
h1{font-size:20pt;color:red} <!--直接使用标签名-->
p.code{font-size:20pt;color:red} <!--类选择符-->
p.comment{font-size:20pt;color:red} <!--当p标签中class属性值为comment时,使用该样式-->
.code{font-size:20pt;color:red} <!--对于任意标签,只要class属性值为code,使用该样式-->
#code1{font-size:20pt;color:red} <!--ID选择符,只要id属性值为code1,使用该样式-->
H1,p{font-size:20pt;color:red} <!--对h1和p标签定义样式-->
p a{font-size:16pt;color:green} <!--对p标签中嵌套的a标签定义样式-->
相关文档:
这个系列可能新手读起来比较慢,但我尽量用易懂的方式讲解,因为我曾经是初学者,我知道大家想知道什么。一张网面其实页面内容是比较重要的,图像是属于锦上添花,当然网页的排版也很重要。在CSS揭秘学习的第一站,首先要学习一下文字和文本,让大家对css有个初步的认识。
&nb ......
盒子标签和属性对照
CSS语法(不区分大小写)
JavaScript语法(区分大小写)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
2010-01-26
@import调用css和link href调用有什么区别?
文章分类:Web前端
大家去分析一些大站的css代码时,都会发现调用css有以下两种方法:
方法一:
<style type="text/css">
<!--
@import url("css/main.css");
@import url("css/font.css");
@import url("css/layout.css");
-->
</style ......
基本CSS选择器有标记选择器、类别选择器、ID选择器3种
1。标记选择器
每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等
2。类别选择器
类别选择器的名称可以由用户自定义
格式如下:.class{color:green;font-size:20px;}
3。ID选择 ......
一直以来我都以为css是无法限制字符长度的,最近才发现原来可以这样.最简单的兼容方法:
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......