
HTML_CSS学习日志
IT小多
计算机专业Boy,大学软件工程+过程控制双修,毕业后从事4年工业信息化工作,致力于MES项目的建设,现悟道于某外企;SQL之术担当,JAVA剑谱再练,去往IIOT的江湖小生,请多指教。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
02第一个HTML剖析(声明字符集,utf8乱码问题)
标题 - title 内容 - content在记事本中编写以上代码然后保存为ANSI字符集 .html后缀即可运行。一般还要在文件头加上,在head中加上 标题 - title 内容 - content !表示声明DOC 表示文件document的缩写TYPE 表示类型意义是:声明文件类型是HTMLmeta原创 2016-08-24 15:33:45 · 1247 阅读 · 1 评论 -
09a标签的基本使用
a标签可以作为页面跳转的标签a标签1.可以在自身页面跳转 target=“_self”2.也可以跳转到新建空白页 target=“_blank”注:如果页面中有多个标签可以设置默认跳转方式a标签另一个重要的用途锚点。类似于百度文库点击一个标题跳转到本文的一段内容锚点的使用非常简单1.在正文区域设置id2.在a标签的href属性设置为对应正文id的原创 2016-08-26 16:08:11 · 779 阅读 · 0 评论 -
08css文本常见样式
font-size 字体大小(一般为偶数,最小是12px)font-family 字体color 字体颜色line-height 行高(字体位于行高中间 字体间距=行高-字体大小)text-align 文本对齐方式小技巧:文字左对齐上下居中,可以设置行高为屏幕的尺寸(此时文字已经上下居中),然后text-align在设置lefttext-indent 首行缩进(e原创 2016-08-26 10:30:53 · 293 阅读 · 0 评论 -
07盒子模型和结构样式
结构样式:width 宽度height 高度background 背景border 边框padding 内边距margin 外边距原创 2016-08-26 09:29:54 · 300 阅读 · 0 评论 -
06margin外边距基本使用
margin外边距是一个区域块距离另一个区域块的尺寸在使用时候需要注意一个div包含另一个div时候1、上下外边距会叠压当有两个div在一上一下时,如果给上div的下边距margin-bottom:30px 下div的margin-top:30px 实际的间距只有30px。而不是60px2、父子级包含的时候子级的margin-top会传递给父级(内边距代原创 2016-08-25 18:04:57 · 377 阅读 · 0 评论 -
11选择器(id选择器,类选择器,标签选择器)
1、id选择器#box{ }#box{ ................. } 特点:每一个标签只能有一个ID。2、类选择器.类名{ } .box{width: 100px;height: 100px;background: blue} .box2{border:5px solid red;}原创 2016-09-05 09:23:44 · 3624 阅读 · 0 评论 -
05border-padding总结
border:border表示边框属性border-width 边框尺寸border-style 边框的形状 solid实线 dashed虚线 dotted 点线 double 双线border-color 注意:1.可指定方向 border-left分别为上左下右四个方向指定属性2.点线在IE6中是不兼容的,另外这些线的形态在不同浏览器显示有细微差别当d原创 2016-08-25 15:26:36 · 402 阅读 · 0 评论 -
04background的css样式总结
1.background-attachment: fixed; 背景图是否滚动,fixed属性使得背景图固定在一个位置不随滑轮移动而下滑。2.background-color: gray;背景颜色3.background-image: url(bg.jpg);背景图片4.background-repeat: no-repeat;背景图片是否重复。no原创 2016-08-25 11:21:39 · 269 阅读 · 0 评论 -
03css初步(行间样式,内部样式,外部样式)
CSS (Cascading Style Sheets)层叠样式表1.行间样式div2.内部样式 css_样式位置 #box1{ width:400px;height:200px;background:blue; } #box2{ width:300px;height:200px;background:red; }原创 2016-08-24 17:31:59 · 1032 阅读 · 0 评论 -
01谈谈对超文本的理解
超文本,即HyperText。1.在于其容纳能力,超文本强大之处在于能容纳文档组成一个文档库。2.链接能力,组合起来的文档库可以和外来的文档库链接在一起。3.决定浏览书序。4.载体类型并不仅仅局限于文本,还可以包含图片,flash,视频,音频等媒体文件原创 2016-08-24 10:51:58 · 625 阅读 · 0 评论 -
10有序列表,无序列表,定义列表
列表项 列表项 列表项 列表项 列表项 列表项 列表项 列表项 定义列表标题 定义列表项 定义列表项 定义列表项 定义列表项原创 2016-08-26 17:39:54 · 1787 阅读 · 0 评论