HTML2

CSS的样式
1.内置样式,就是html文件在标签上的默认的样式
2.外部样式引入

3.内部样式表

4.内联样式表

5.@import url()
样式中引入样式,样式合并的意思
JS的引入
这是外部引入
这是内部描写
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;}去掉下划线
hunger...

点击链接跳转到这里


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是列)
    无序列表
    自定义列表
      有序列表
    1. 列表中的元素
      自定义列表头
      自定义列表内容
      border-radius: 4px; /
      圆角 */
      块级元素:div、p、h1...h6、table、tr、ul、li、dl、dt、form
      行内元素:a、span、img、input、button、em、textarea
      区分:行距,间距,半间距,行内框,行框。基线,底线,顶线,中线。

你可能感兴趣的:(HTML2)