控制字体 设置字号 -------- font-size:12px;
设置颜色 ------ color:#rrggbb; 设置字体 -------- font-family:“宋体”;
设置行高 ----- line-height:150% 1.5em
设置字体的粗细 ----- font-weight:normal(正常 默认值) blod(粗体)
样式的特点
1、继承性--------网页中子元素将继承父元素的样式
2、层叠性 ------网页中子元素定了与父元素相同的样式,则子元素的样式会覆盖掉父元素的样式,后面 定义的样式会覆盖前面定义的样式
控制文本 text-indent :2em (可以取负值)
设置文本的缩进 text-align : left center right
文本的对齐方式 text - transform : none(正常的大小) capitalize(将每个单词的第一个字母住那换为大写) uppercase(转 换为大写) lowercase(转换为小写) --------文本的大小写
border---- 边框
padding ----- 内边距 不允许有负值
margin ----- 外边距
元素分类:
块级元素
在HTML中<div><p><h1><form><ul><li>就是块级元素。设置display:block就是将元素显示为块级元素。
特点:
1.每个块级元素都从新的一行开始,并且其后的元素也另起一行(一个块级元素独占一行)。
2.元素的高度、宽度、行高以及顶和底边距都可设置。
3.元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
内联元素 设置宽高不起作用
在HTML中,<span><a><label><strong><em>就是典型的内联元素,也叫行内元素。当然块状元素也可以通过display:inline将元素设置为内联元素。
特点:
和其他元素都在一行上。
元素的高度、宽度以及顶部和底部边距不可设置。
.元素的宽度就是它包含的文字或图片的宽度,不可改变。
dispaly 块级元素和内联元素可以进行 互相转换
float 定义元素在哪个方向浮动
eft:左浮(对象向左浮动,而后面的内容流向对象的右侧)
right:右浮(对象向右浮动,而后面的内容流向对象的左侧)
clear 规定元素的哪一侧不允许其他浮动元素
position 设置对象的定位方式
absolute ------ 绝对定位:将对象从文档流中分离出来,通过设置left、right、top、bottom四个方向的 相对于父级对象进行绝对定位,如果不存在这样的父级对象,则依据body对象
relative------- 相对定位:对象不从文档流中分离出来,通过设置left、right、top、bottom四个方向相 对于自身位置进行相对定位
overflow 设置当对象内容超过指定的高度及宽度的时候如何管理内容
visible ------默认值 不剪切内容也不添加滚动条
auto ----- 在必需时对象内容才会被剪切或者添加滚动条
hidden ----- 不显示超过对象尺寸的内容 scroll ----- 总是显示滚动条
zoom 设置或者检索对象的缩放比
normal : 默认值 使用对象的实际尺寸
number: 百分比|无符号的浮点实数 浮点数值为1.0 或者百分数100%的时候相当于此属性是normal