CSS样式

作者: 鸥宝要有春天 | 来源:发表于2016-11-22 21:14 被阅读0次

css样式入门书目录
[jQuery]设置css样式
CSS基础（二）
切图需要的准备
jQuery学习:css操作/属性操作
CSS初级
CSS学习之CSS基础
章节七、CSS样式基本知识
DIV+CSS网页布局常用基础
H5：入门笔记二

 <!DOCTYPE html>
 <html>
 <head>
    <meta charset="utf-8">
    <title>CSS样式</title>
 </head>
 <body>
    <!-- 第一种CSS样式 行间样式（style属性） -->
    <!-- 文本属性：
        字体大小：font-size:20px;
        字体颜色：color:red;
        字体类型：font-family:fantasy；
        字体加粗：font-weight:bold;
                 bold ：粗体   bolder :更粗的粗体   lighter:更细的字体
                 100---700   从细到粗    400 为普通粗细   700为bold
        字体倾斜：font-style:italic;
                 italic 倾斜字体样式  oblique   斜体样式
        字体下划线：text-decoration:underline;
                 underline  下划线    overline   上划线   line-through  文本中间删除线
        对齐方式：text-align:center;
                center  居中： left    左对齐  ：  right ： 右对齐
        字间距：word-spacing:10px; 单词之间的距离（浏览器默认字中间空格间为一个单词的分割点）
        字符间距：letter-spacing:10px;  每个字符之间的距离
        行间距：line-height:100%;   每一行字的高度，不会影响字的大小，默认字体的位置在竖直位置居中
        缩进：text-indent:20px;   首行缩进 
     -->
    <span style="font-size:30px;color: red;margin-left: 100px; background-color:green; width: 500px; height:200px; display: block; text-align: center; line-height: 200px;">我是第一个span标签</span>
    <span style="">我是第二个span标签</span>
 </body>
 </html>