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
区分:行距,间距,半间距,行内框,行框。基线,底线,顶线,中线。
网友评论