输入样式表:《@import
url(desc.css);》
三、书写方法
1、直接用标签。
div{
font-size:12px;
}
<div>定义的样式</div>
特点:不用定义额外的元素,直接可以写 CSS 样式。
2、#开头的代表的是 id。
#id{
font-size:12px;
}
<div id="text">定义的样式</div>
特点:可以为单独为某个元素定义的样式。
3、.开头的代表类
.text{
font-size:12px;
}
<div class="text">定义的样式</div>
特点:可以为一个页面里面多个应用此类的元素定义样式。
4、连写方式,中间加空格 (*)
div #text{
font-size:12px;
}
<div id="text">定义的样式</div>
#text p{
font-size:12px;
}
特点:精准定位到某个元素。
<div id="text">定义的样式<p>在 p 里面的样式</p></div>\
上面四种写法在我们平时用的都比较多,对于第四种是前
三种的一种灵活的写法。具体用哪种方式,大家可以根据
自己的情况来定。
四、常用的属性。
1、字体:font, font-size, font-family, font-weight, text-decoration, line-height
A. font 是一个复合属性。所有后面的这几个属性的值都可以放在 font 里面用。
B. font-size 定义文字的大小。
C. font-family 定义字体。
D. font-weight 定义文字的粗细。
E. text-decoration 定义文字的装饰。
F. line-height 定义行高。
2、文本:text-indent, vertical-align, text-align, word-break
A. text-indent,设置对象的缩进。
B. vertical-align,设置对象的上下对齐方式。
C. text-align,设置对象的左右对齐方式。
D. word-break,设置字体的强制换行。
3、背景:background, background-color, background-image, background-position, background-
repeat
A. background 定义背景的一个复合属性。和上面的 font 一样,可以把后面这几个属性的值
都放在 font 里面用。
B. background-color 定义的是背景的颜色。
C. background-image 定义的是背景的图片。
D. background-position 定义背景的位置。
E. background-repeat 定义背景的是否平铺。
4、定位:position, z-index, top, right, bottom, left.
A. position 定位方式。
B. z-index 定义层叠顺序。
C. top, right, bottom 和 left 表示距离他父级的上边,右边,下边和左边的距离。
5、尺寸:width, height
A. width 定义对象的宽度。
B. height 定义对象的高度。
6、布局:clear, float, display
A. clear 设置不允许又浮动对象的边。
B. float 设置对象浮动及如何浮动。
C. display 设置对象是否及如何显示。
D. visibility 设置对象是否显示。
7、外补丁:margin, margin-top, margin-right, margin-bottom, margin-left
A. margin 定义外补丁的一个复合属性。同上。
B. margin-top 定义对象的上边距离父级的外补丁。
C. margin-right 定义对象的右边距离父级的外补丁。
D. margin-bottom 定义对象的下边距离父级的外补丁。
E. margin-left 定义对象的左边距离父级的外补丁。
8、边框:border, border-top, border-right, border-bottom, border-left
同上(外补丁)。