css应用

1、 font-weight 属性

设置文本的粗细。

<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}        //相当于400
p.thick {font-weight: bold}           //相当于700
p.thicker {font-weight: 900}
</style>
</head>
<body>
<p class="normal">This is a paragraph</p>
<p class="thick">This is a paragraph</p>
<p class="thicker">This is a paragraph</p>
</body>
</html>

2、overflow 属性

设置溢出内容的显示方式,以及是否显示滚动条等。


  • visible 默认值。内容不会被修剪,会呈现在元素框之外。
  • hidden 内容会被修剪,并且其余内容是不可见的。
  • scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
  • auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
  • inherit 规定应该从父元素继承 overflow 属性的值。

3、cursor 属性

规定要显示的光标形状。


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 1、居中的n种方法: ①、margin: 0 20%; ——设置margin上下外边距的值设置为0,左右外边距设置...
    何wife阅读 387评论 0 2
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,875评论 0 6
  • 繁华街道的下午,习惯了每次走过来都看看这棵树下的杂志摊,摊主是一个胖胖的略微秃头的大叔,每次路过瞥一眼摊位的时候都...
    Lujuannnn阅读 634评论 1 10
  • 以一个实习生身份去写职场生活好像辈分还不够,现在在的这家公司和以前实习的公司完全不同,属于将实习生当成正式员工来看...
    一只不爱爬树的考拉阅读 3,190评论 7 13