CSS样式表~选择器、段落、样式篇

优先级顺序:行内样式表 > 嵌入式样式表 > 外部样式表 > 浏览器默认样式

id选择器优先级 > 类选择器优先级 > 标签选择器优先级

全局选择器*

反向选择:not(div){color:red;}

属性选择器分类
[attribute="value"] 属性等于value
[attribute~="value"] 属性包含完整value
[attribute|="value"] 属性等于value或以value-开头
[attribute^="value"] 属性开头有value
[attribute$="value"] 属性最后有value
[attribute*="value"] 属性中出现value
italic和oblique区别

italic是使用该字体的斜体,oblique是强制使字体变斜,适用于没有斜体的字体。


font-weightnormal、bold、bolder、lighter

字体pt、px、em、ex

如果要首行缩进两个字符 则div { text-indent : 2em; }负值也可以。

text-indent无效 

  • text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上;
    • 解决方案:
    • 在行内元素加上display:block; 或者把目标元素放入<div>等块级元素,然后把text-indent样式应用到<div>等块级元素。
  • text-indent所在的元素未使用overflow属性;
    • 解决方案:
    • 在元素加上overflow:hidden;

常用的段落属性
属性 属性名称 设置值
text-align 文字水平对齐 left
center
right
justify
text-indent 首行缩进 数值+百分比(%)
数值+单位(可以负值)
letter-spacing 字符间距 normal
数值+单位(pt、px、em)(可以负值)
word-spacing 单词间距(英文) normal
数值+单位(pt、px、em)(可以负值)
line-height 行高 数值+单位
word-wrap 是否换行 break-word







文字效果属性
属性 属性名称 设置值
vertical-align 垂直对齐 baseline(一般位置)
super(上标)
sub(下标)
top(顶端对齐)
middle(垂直居中)
bottom(底端对齐)
text-decoration 文字装饰样式 none
underline(下划线)
line-through(删除线)
overline(上划线)
text-transform 转换字母大小写 none
lowercase
uppercase
capitalize
text-shadow 增加阴影效果 5px,5px,5px,#f00(距离左,上,半径,颜色)










你可能感兴趣的:(css,选择器,段落,文字样式)