css部分知识强化(不曾了解的地方)
.divcss5{width:20%}
设置divcss5类宽度为20%(相对与父级百分比宽度)
css种字体颜色控制:
a:active是超级链接的初始状态
a:hover是把鼠标放上去时的状况
a:link是鼠标点击时
a:visited是访问过后的情况
这几个CSS样式一般情况下是默认的。
font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小
<font size="5">内容</font>这个方法也是直接使用font标签加size设置对象字体大小。这里5代表设置对象字体大小为5号字。
font-weight(字体加粗问题)参数:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
display参数解释:
block :块对象的默认值。用该值为对象之后添加新行
none :隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline :内联对象的默认值。用该值将从对象中删除行
compact :分配对象为块对象或基于内容之上的内联对象
marker :指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table :将表格显示为无前后换行的内联对象或内联容器
list-item :将块对象指定为列表项目。并可以添加可选项目标志
run-in :分配对象为块对象或基于内容之上的内联对象
table :将对象作为块元素级的表格显示
table-caption :将对象作为表格标题显示
table-cell :将对象作为表格单元格显示
table-column :将对象作为表格列显示
table-column-group :将对象作为表格列组显示
table-header-group :将对象作为表格标题组显示
table-footer-group :将对象作为表格脚注组显示
table-row :将对象作为表格行显示
table-row-group :将对象作为表格行组显示
Overflow参数:
visible 此样式可以让滚动条隐藏,但可以鼠标上拉下拉滑动。
hidden 隐藏对象超出设置宽度高度的内容(css隐藏溢出内容教程:http://www.divcss5.com/wenji/w415.shtml)
scroll 此样式,会让内容无论是否超出高度宽度也会显示滚动条。
text-indent实现首行段落缩进。
text-decoration下划线参数:
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
clear清除浮动参数:
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象
cursor光标参数:
default默认正常鼠标指针
help帮助选择(一个问号)
wait忙(一个小圈)
cursor:hand和divcursor:text文本选择效果
cursor:move移动选择效果
cursor:pointer手指形状 链接选择效果
cursor:url(url图片地址) 设置对象为图片,设置鼠标指针为一个小图片(不需要给背景图片路径加引号,否则浏览器会报错)
通常单独使用left、right、top、bottom均无效,需要在使用绝对定位CSS position样式才能生效。
text-overflow参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
z-index的数值不跟单位;
Z-index在使用绝对定位 position:absolute属性条件下使用才能使用。
CSS星号“*”是通配符,即指,网页html中所有标签意思。
.divcss5{width:20%}
设置divcss5类宽度为20%(相对与父级百分比宽度)
css种字体颜色控制:
a:active是超级链接的初始状态
a:hover是把鼠标放上去时的状况
a:link是鼠标点击时
a:visited是访问过后的情况
这几个CSS样式一般情况下是默认的。
font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小
<font size="5">内容</font>这个方法也是直接使用font标签加size设置对象字体大小。这里5代表设置对象字体大小为5号字。
font-weight(字体加粗问题)参数:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
display参数解释:
block :块对象的默认值。用该值为对象之后添加新行
none :隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline :内联对象的默认值。用该值将从对象中删除行
compact :分配对象为块对象或基于内容之上的内联对象
marker :指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table :将表格显示为无前后换行的内联对象或内联容器
list-item :将块对象指定为列表项目。并可以添加可选项目标志
run-in :分配对象为块对象或基于内容之上的内联对象
table :将对象作为块元素级的表格显示
table-caption :将对象作为表格标题显示
table-cell :将对象作为表格单元格显示
table-column :将对象作为表格列显示
table-column-group :将对象作为表格列组显示
table-header-group :将对象作为表格标题组显示
table-footer-group :将对象作为表格脚注组显示
table-row :将对象作为表格行显示
table-row-group :将对象作为表格行组显示
Overflow参数:
visible 此样式可以让滚动条隐藏,但可以鼠标上拉下拉滑动。
hidden 隐藏对象超出设置宽度高度的内容(css隐藏溢出内容教程:http://www.divcss5.com/wenji/w415.shtml)
scroll 此样式,会让内容无论是否超出高度宽度也会显示滚动条。
text-indent实现首行段落缩进。
text-decoration下划线参数:
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
clear清除浮动参数:
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象
cursor光标参数:
default默认正常鼠标指针
help帮助选择(一个问号)
wait忙(一个小圈)
cursor:hand和divcursor:text文本选择效果
cursor:move移动选择效果
cursor:pointer手指形状 链接选择效果
cursor:url(url图片地址) 设置对象为图片,设置鼠标指针为一个小图片(不需要给背景图片路径加引号,否则浏览器会报错)
通常单独使用left、right、top、bottom均无效,需要在使用绝对定位CSS position样式才能生效。
text-overflow参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
z-index的数值不跟单位;
Z-index在使用绝对定位 position:absolute属性条件下使用才能使用。
CSS星号“*”是通配符,即指,网页html中所有标签意思。