CSS学习注意事项

l          任何版本的 Internet Explorer (包括 IE8 )都不支持属性值 "inherit"

l          background-position      /* 设置背景图像的位置 */

n          您需要把 background-attachment 属性设置为 "fixed" ,才能保证该属性在 Firefox Opera 中正常工作。

n          取值:两个值,如果之规定了一个值,第二个默认是 center/50%

l          文本样式:

n          text-indent :像素 / 百分比; /* 文本缩进(用于块元素) */

u        不过在为 text-indent 设置负值时要当心,如果对一个段落设置了负值,那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题,建议针对负缩进再设置一个外边距或一些内边距:

u        例子: P{text-indent -5em;padding-left 5em;}

n          word-spacintg normal/ 像素;     /* 改变文字的间距 */

n          letter-spacintg normal/ 像素;     /* 改变字母的间距 */

n          text-transform none/uppercase/lowercase/capitalize;  /* 处理文本的大小写 */

l          列表

n          list-style-type         /* 设置标志类型 */

n          list-style-image      /* 你可能想对各标志使用一个图像 ;*/

n          list-style-position    /* 设置在何处放置列表项标记(取值: inside/outside/ */

l          表格:

n          border-collapse separate/collapse;     /* 将表格边框折叠为单一边框 */

n          caption-side top/bottom;   /* 设置标题位置 */

n          text-align left/center/right;  /* 平行方向对齐方式 */

n          vertical-align top/middle/bottom ;      /* 垂直方向对齐方式 */

l          轮廓

n          绘制于元素周围的一条线,位于边框边缘的外围,可以起到突出元素的作用

n          outline width style color;

n          outline-color   /* 设置颜色 */

n          outline-style    /* 设置样式 */

n          outline-width  /* 设置宽度 */

l          框模型

n          Padding   /* 内编距,属性接受长度值或百分比值,但不接受使用负值 */

n          margin    /* 外边距,属性接受长度值或百分比值,接受使用负值 */

l          定位:

n          但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框( Line Box ,行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。

l          a 标签

n          a:link      /* 未访问的链接 */

n          a:visited  /* 已访问的链接 */

n          a:hover    /* 鼠标移动到连接上 */

n          a:active   /* 选定的链接 */

n          注意:

u        a:hover 必须置于 a:link a:visited 之后,才是有效地。

u        a:active 必须置于 a:hover 之后,才是有效地;

u        伪类名称对大小写不明感

n          区分 p:first-child p > a:first-child

u        p:first-child    /* 选择器匹配作为其他元素子元素的第一个 p 标签 */

u        p > a:first-child      /* 选择器匹配 p 元素的第一个子元素 a*/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值