CSS选择的艺术、CSS文本样式

CSS样式的引用
(1)行内样式(内联样式)
例如:<p style="color:red;">……</p>
(2)内部样式表(嵌入样式)
(3)外部样式表:把CSS样式代码写在独立的一个文件夹中
引入外部文件:<link href="XX.css" rel="stylesheet" type="text/css"/>
(4)导入式
@import “外部css样式”

CSS使用方法优先级
行内样式>内部样式>外部样式

(1)链入外部样式表与内部样式表之间的优先级取决于所处位置的先后
(2)最后定义的优先级最高(就近原则)

CSS文本样式
1.HTML、CSS、JavaScript之间的关系
-HTML是网页内容的载体
-CSS样式是表现(外观控制)
-JavaScript是行为,用来实现网页特效效果
2.CSS文字样式属性
·字体:font-family
字体集:
-Serif
-Sans-serif
-Monospace
-Cursive
-Fantasy
·文字大小:font-size
·文字颜色:color
·文字粗细:font-weight
-normal
-bold
-bolder
-lighter
(1)字体变形:font-variant
font-variant:normal | small-caps
·文字样式:font-style
3.文本对齐方式
(1)text-align:left | right | center | justify
注:只对于块级元素有效
4.行高:line-height:长度值 | 百分比
5.设置元素内容的垂直方式:vertical-align
语法:
vertical-align:baseline | sub | super | top | text-top
middle | bottom | text-bottom | 长度 | 百分比
6.其他文本样式
word-spacing:设置元素单词之间的间距
letter-spacing:设置元素字母之间的间距
text-transform:设置元素内部文本的大小写,capitalize | uppercase |
lowercase | none
text-decoration:设置元素内文本的装饰,underline | overline | line-through | blink | none

posted @ 2020-09-05 13:15  borden  阅读(14)  评论(0)    收藏  举报