HTML2

作者: 种谔 | 来源:发表于2016-03-02 19:50 被阅读0次

    CSS的样式
    1.内置样式,就是html文件在标签上的默认的样式
    2.外部样式引入
    <link style rel="stylesheet" type="txt/css" href="">
    3.内部样式表
    <style type="txt/css">
    各种选择器
    </style>
    4.内联样式表
    <a style="键值对"></a>
    5.@import url()
    样式中引入样式,样式合并的意思
    JS的引入
    <script type="text/javascript" src=""></script>这是外部引入
    <script type="text/javascript"></script>这是内部描写
    console.log();JS语句中的调试语句,类似于C语言中的printf一样
    css的一些font设置
    font family 设置字体,可以是一串,例如:
    font-family: "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", "微软雅黑", Tahoma, Arial, STHeiti, sans-serif;
    color设置的是文本颜色
    font-size设置字体的大小,chrome中最小字体展示为12PX,rem和em,em是相对于父标签的X倍,rem是相对于根标签的X倍
    font-style设置字体风格,italic 斜体 normal 正常
    font-weight: bold; /700/设置粗体
    text-align: left; /* center right justify; /justify是左右对齐
    line-height: 20px;间距或者行高
    text-indent: 2em;//首行缩进
    word-wrap:break-word;//强制换行
    a{ text-direction: none; color: red;}去掉下划线
    <a href="#tips" target="_blank">hunger</a>...<p id="tips">点击链接跳转到这里</p>
    a:link {color:#FF0000;} /
    未访问的链接 /
    a:visited {color:#00FF00;} /
    已访问的链接 /
    a:hover {color:#FF00FF;} /
    鼠标划过链接 /
    a:active {color:#0000FF;} /
    已选中的链接 /
    border-collapse: collapse; 边框为单线(用于显示表格,不建议用于布局th是表头,tr是行,td是列)
    width: 100%; 横向满屏(用于显示表格,不建议用于布局th是表头,tr是行,td是列)
    <ul>无序列表
    <dl>自定义列表
    <ol>有序列表
    <li>列表中的元素
    <dt>自定义列表头
    <dd>自定义列表内容
    border-radius: 4px; /
    圆角 */
    块级元素:div、p、h1...h6、table、tr、ul、li、dl、dt、form
    行内元素:a、span、img、input、button、em、textarea
    区分:行距,间距,半间距,行内框,行框。基线,底线,顶线,中线。

    相关文章

      网友评论

        本文标题:HTML2

        本文链接:https://www.haomeiwen.com/subject/nepnkttx.html