HTML2

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,694评论 1 92
  • 一、样式有几种引入方式? link 和 @import有什么区别? css样式引入方式有三种方式,分别是: 外部样...
    dengpan阅读 3,335评论 0 0
  • **2016/05/07 问题 样式有几种引入方式? 样式的3种写法外部样式表 内部样式表(位于标签内部) bod...
    嘿菠萝阅读 1,751评论 0 0
  • 1.样式有几种引入方式? link 和 @import 有什么区别? 样式的写法有五种,其中一种是浏览器的缺省设置...
    饥人谷_沈梦圆阅读 2,744评论 0 0
  • 1.样式有几种引入方式? link 和 @import有什么区别 样式的引入有三种方式:1.css内联式,可直接写...
    泰格_R阅读 4,451评论 0 0

友情链接更多精彩内容