您的位置:首页 > Web前端 > CSS

CSS中一些不太注意的问题汇总

2014-09-11 19:27 162 查看
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中所有标签意思。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: