CSS的行内、内嵌、链接三引入方式+属性:color\font\text\backgroun\list\样式的继承\id#锚点

 HTML格式
    <p>
        <font face="楷体" size="10px" color="red">
            CSS的世界要到了  face字体 size字号 color颜色
        </font>
        <br><!-- 换行 -->
        <b><i>b加粗i倾斜</i></b>,<u>u加下划线</u>
    </p>

 

CSS格式 ---

有三种 行内 内嵌 链接

这有一个---优先级

行内>内嵌>链接

 color：文本前景色

background-color:背景色

---

font-family: 字体---宋体黑体;
font-size:字体大小--单位值（px pt em  x-small small xx-small medium large xx-large--samller larger）百分比(90%)命名值 ;
font-style:是否倾斜------- normal（）italic（斜体）oblique（斜的）;
font-weight: 是否加粗--------------normal（）bold（）bolder（）lighter（浅的）inherit（） 100-900;
font-variant:设置小型大写字母------------- normal（）small-caps（小写的字母变更成小型的大写字母）inherit（）;
 font都可设置----style（倾斜）weight（加粗）size（大小）family（字体）

---

text-align: 行内容对齐 文本的水平对齐方式------left center（居中对齐） right justify（两端对齐） ;
text-decoration: 添加下划线------ underline overline line-through（中划线） blink（闪烁的效果） none;
text-indent: 首行缩进------px pt %（相对于窗口） em;
text-overflow: 如何处理太长文本------clip（简短） ellipsis（省略） ellipsis-word ;
text-shadow:设置文本阴影------px（水平的偏移）,px（垂直的偏移）,px（阴影的宽度），#ff90000（阴影的颜色） ;
text-transform:修改文本大小写 ------capitalize（首字母大写） uppercase（大写） lowercase （小写）;
line-height: 设置行高------px pt % em;
letter-spacing:设置字符间距------ px pt % em;
word-spacing:设置字间距------px pt % em ;

---

background-color:背景颜色———名称 RGB HEX ;
background-image: 背景图片——url("图片的url");
background-position: 背景图片起始位置——水平位置（距离左侧的距离） 垂直位置 或者x% y%;
background-repeat:是否及如何重复背景图片——repeat repeat-x（水平方向进行图片重复） repeat-y no-repeat ;
background-attachment: 背景图片是否固定或者随页面其余部分滚动——fixed scroll;
background:全部——color（）image（）repeat（）attachment（）position（） ;

---

list-style-type：

none变成无序列表

disc（实心圆点） circle（空心圆点） square正方形

decimal（数字标号）

decimal-leading-zero：两位数字01、02、03

lower-roman（小写罗马字母）

upper-roman（大写罗马字母）

lower-alpha（阿拉伯小写abcd）

upper-alpha(大写ABCD)

lower-greek :小写希腊字母

 等还有hebrew-希伯来语\armenian-亚美尼亚\georgian、等

---

样式的继承与冲突

多种样式应用到一个元素，这些样式将被继承-----采取最近匹配的原则

---

 id选择器+锚点a