个人常用CSS样式

引用外部样式:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
  • text-transform : none | capitalize | uppercase | lowercase
    取值:
    none :  默认值。无转换发生
    capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生
    uppercase :  转换成大写
    lowercase :  转换成小写

  • text-decoration : none || underline || blink || overline || line-through
    取值:
    none :  默认值。无装饰
    blink :  闪烁
    underline :  下划线
    line-through :  贯穿线
    overline :  上划线

  • font-style : normal | italic | oblique
    取值:
    normal :  默认值。正常的字体
    italic :  斜体。对于没有斜体变量的特殊字体,将应用 oblique
    oblique :  倾斜的字体

  • line-height : normal | length
    取值:
    normal :  默认值。默认行高
    length :  百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅 长度单位

  • text-overflow : clip | ellipsis
    取值:
    clip :  默认值。不显示省略标记(…),而是简单的裁切
    ellipsis :  当对象内文本溢出时显示省略标记(…)

  • text-indent : length
    取值:
    length :  百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅 长度单位
    说明:
    检索或设置对象中的文本的缩进。默认值为 0 。
    在被另一个对象(如 br )断开的对象内不能应用本属性。
    此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 textIndent

  • text-align : left | right | center | justify
    left :  默认值。左对齐
    right :  右对齐
    center :  居中对齐
    justify :  两端对齐
    说明:
    设置或检索对象中文本的对齐方式。
    此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚本特性为 textAlign 。
div { text-align : center; } 

  • writing-mode : lr-tb | tb-rl
    竖排文字:
    在这里插入图片描述
    取值:
    lr-tb :  默认值。对象中的内容在水平方向上从左向右流入,后一行在前一行的下面。 所有的字形都是竖直向上的。这种布局是罗马语系使用的
    tb-rl :  上-下,右-左。对象中的内容在垂直方向上从上向下流入,自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的,半角字符如拉丁字母或片假名顺时针旋转90度。这种布局是东亚语系通常使用的

  • 属性选择器
    下面的例子为带有 title 属性的所有元素设置样式:
    [title]
    {
    color:red;
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值