![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML_CSS学习日志
IT小多
计算机专业Boy,大学软件工程+过程控制双修,毕业后从事4年工业信息化工作,致力于MES项目的建设,现悟道于某外企;SQL之术担当,JAVA剑谱再练,去往IIOT的江湖小生,请多指教。
展开
-
02第一个HTML剖析(声明字符集,utf8乱码问题)
标题 - title 内容 - content 在记事本中编写以上代码然后保存为ANSI字符集 .html后缀即可运行。 一般还要在文件头加上,在head中加上 标题 - title 内容 - content !表示声明 DOC 表示文件document的缩写 TYPE 表示类型 意义是:声明文件类型是HTML meta原创 2016-08-24 15:33:45 · 1136 阅读 · 1 评论 -
09a标签的基本使用
a标签可以作为页面跳转的标签 a标签 1.可以在自身页面跳转 target=“_self” 2.也可以跳转到新建空白页 target=“_blank” 注:如果页面中有多个标签可以设置默认跳转方式 a标签另一个重要的用途锚点。类似于百度文库点击一个标题跳转到本文的一段内容 锚点的使用非常简单 1.在正文区域设置id 2.在a标签的href属性设置为对应正文id的原创 2016-08-26 16:08:11 · 468 阅读 · 0 评论 -
08css文本常见样式
font-size 字体大小(一般为偶数,最小是12px) font-family 字体 color 字体颜色 line-height 行高(字体位于行高中间 字体间距=行高-字体大小) text-align 文本对齐方式 小技巧:文字左对齐上下居中,可以设置行高为屏幕的尺寸(此时文字已经上下居中),然后text-align在设置left text-indent 首行缩进(e原创 2016-08-26 10:30:53 · 254 阅读 · 0 评论 -
07盒子模型和结构样式
结构样式: width 宽度 height 高度 background 背景 border 边框 padding 内边距 margin 外边距原创 2016-08-26 09:29:54 · 258 阅读 · 0 评论 -
06margin外边距基本使用
margin外边距是一个区域块距离另一个区域块的尺寸 在使用时候需要注意一个div包含另一个div时候 1、上下外边距会叠压 当有两个div在一上一下时,如果给上div的下边距margin-bottom:30px 下div的margin-top:30px 实际的间距只有30px。而不是60px 2、父子级包含的时候子级的margin-top会传递给父级 (内边距代原创 2016-08-25 18:04:57 · 328 阅读 · 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 · 3561 阅读 · 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 · 357 阅读 · 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 · 229 阅读 · 0 评论 -
03css初步(行间样式,内部样式,外部样式)
CSS (Cascading Style Sheets)层叠样式表 1.行间样式 div 2.内部样式 css_样式位置 #box1{ width:400px;height:200px;background:blue; } #box2{ width:300px;height:200px;background:red; }原创 2016-08-24 17:31:59 · 933 阅读 · 0 评论 -
01谈谈对超文本的理解
超文本,即HyperText。 1.在于其容纳能力,超文本强大之处在于能容纳文档组成一个文档库。 2.链接能力,组合起来的文档库可以和外来的文档库链接在一起。 3.决定浏览书序。 4.载体类型并不仅仅局限于文本,还可以包含图片,flash,视频,音频等媒体文件原创 2016-08-24 10:51:58 · 558 阅读 · 0 评论 -
10有序列表,无序列表,定义列表
列表项 列表项 列表项 列表项 列表项 列表项 列表项 列表项 定义列表标题 定义列表项 定义列表项 定义列表项 定义列表项原创 2016-08-26 17:39:54 · 1732 阅读 · 0 评论