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

相关文章

  • iOS与【WEB--图片处理】

    拦截图片添加事件 网页高度调试 方法JS调试(html2) ===========================...

  • HTML2

    1、ie6png的修复 2、CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件...

  • HTML2

    颜色半透明 color:rgba(r,g,b,a) a 是 alpha 透明的意思 取值范围 0~1 中间 co...

  • HTML2

    注释标签 根标签 有且只有一个根标签 解析网页 标题标签 设置网页主体 设置颜色,字体 设置...

  • HTML2

    学习任务 其他学习要点 文件名命名为index.html是外部路径的入口。例如网址可以简写www.xxxx.com...

  • HTML2

    样式有几种引入方式? link和 @import有什么区别? 样式引入方式: 两种都是外部引用CSS的方式,差别在...

  • HTML2

    样式有几种引入方式? link和 @import有什么区别 答:常用3种。 链入外部样式表。先建立外部样式表文件(...

  • HTML2

    一、样式有几种引入方式? link 和 @import有什么区别 1.外部样式从外部引入一个css样式表,最常用的...

  • HTML2

    一.样式有几种引入方式? link和 @import有什么区别? 样式有四种引入方式,分别为: 外部样式表 @im...

  • html2

    1.样式有几种引入方式?link 和@import有什么区别 样式有三种引入方式,分别为外部样式表,内部样式表和内...

网友评论

    本文标题:HTML2

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