随笔分类 - HTML+CSS
摘要：当给元素设置width：100%；height：100% 的时候没有反应 因为，元素的宽高是根据内容来自动适应的，当设置百分比值时，是根据这个元素的父元素来确定百分比的 如果父元素没有固定的值，那就需要设置值才能正常显示如： 此div在页面中没有任何效果，所以要把div的上级元素body设设置了 设
阅读全文
摘要：有序列表是一种讲究排序列表结构，使用<ol>标签定义，其中包含多个<li>列表项目。一般网页设计中，列表结构可以互用有序或者无序类表标签。但是，在强调项目排序栏目中，选用有序列表会更科学，如新闻列表（根据新闻时间排序）、排行榜（强调项目的名次）等。 <ol>标签包含3个比较实用的属性，这些属性同时获
阅读全文
摘要：热点区域就是为图像的局部区域定义超链接，当点击该热点区域时，会触发超链接，并跳转到其他网页或者页面的位置。 热点区域是一种特殊的超链接形式，常用来在图像中设置导航，用户可以在一幅图定义多个热点区域，以实现单击不同的热区连接到不同的页面。 定义热点区域，需要使用<map>和<area>标签来配合使用
阅读全文
摘要：iframe：内联框架标签，用于在网页中任意的位置嵌入另一个网页 <iframe src="url地址"> </iframe> iframe标签的常用属性 <iframe width="200" height="200" scrolling="no" frameborder="0" src="URL
阅读全文
摘要：在css使用position属性实现网页的定位技术，它有四个值 position：static/ relative /absplute/ fixed static是默认值，标签会显示在正常的文档流中 使用另外三个值可以让一个标签变成定位元素 可以使用CSS的top、right、left、bottom
阅读全文
摘要：文档流： 浏览器在页面上摆放HTML元素所用的方法 块标签的文档流从上到文件的末尾一次拜访 内联标签从左到右一次摆放，（如果浏览器够大的话）。 浮动布局 html--上面有3个div CSS 当我们把d-flod css 添加上 float：left； d-flod好像浮动在d1和d2上面一样 。如
阅读全文
摘要：可以指定和改变字体外观的常用属性 P{ font-style:italic; 设置字体的样式 斜体 font-weight:bold; 设置字体的粗细 font-size:20px; 设置字体大小 line-height: 30px; 设置行高 font-family:微软雅黑; 设置字体类别 }
阅读全文
摘要：JPG（jpeg） 可以展示一张复杂的图片 可以表示多达1600万种颜色，即所有的16进制颜色 不支持图像透明 不支持动画 png 最适合展示网页插画、logo和网页小图标 可以表示上百种不同的颜色的图像 包括png-8、png-24和png-32 可以设置颜色透明 不支持动画 GIF 适合展示网页
阅读全文
摘要：布局图片是在Css被创建出来的，使用Css中的background属性 CSS背景属性 Css中和背景相关的属性：background-color 背景图片：background-image可以指向一个相对路径或绝对路径的图片 Background-image：url（image/华腾.jpg）;
阅读全文
摘要：网页中出现的大部分大部分图片都属于一下这三种类型 内容图片 内容图片是页面中真正需要的内容，没有内容图片你就无法完整的理解网页的内容 布局图片 布局图片出现在页面背景中，要想理解页面内容，他们不是必须的 用户交互图片 这些图片会给你浏览页面带来一些帮助 创建内容图片 在html中我们用<img>标签
阅读全文
摘要：div（division分区） 它是一个块标签，主要用来把网页中相关的内容组织到一起 你可以把网页的头部放到一个标签中，主体部分放到另一个标签中 使用class类名描述div内容 要想区分每个div，常用的做法是给每个div添加一个class属性 之后给DIV应用盒模式实现网页布局样式操作
阅读全文
摘要：在HTML文件中使用Link标签连接独立的Css文件 将Link标签放在head标签中 like标签是空标签，只写开始标签，不写结束标签 我们需要为like标签设置一些属性 type的值设置为text/css，通知浏览器将要加载一个css文件。 rel（relationship关联）的值设置为sty
阅读全文
摘要：-浏览器怎么知道标签和标签之间应该显示过大的间距？ -我么自己如何控制这些间距？ 盒模式 在body中的么个HTML标签实际上都被包围在一个看不见的矩形中，这个矩形就叫做“盒”。 <p >欢迎访问长春华腾汽车</p><p>世界伍佰仟强烈</p> 上面两个p标签在浏览器中的显示样子 块级别标签（Blo
阅读全文
摘要：关键字颜色 h1{ color:red;} 十六进制颜色 h1{ color:#FF8800;} 十进制颜色 h1{ color:rgb(255,255,0);} 每个十六进制颜色由三个部分组成 #FFFF00 其中前两个FF表示为红色包含多少 中间FF为绿色包含多少 最后两个为蓝色包含多少 如上所
阅读全文
摘要：CSS概念 Cascading Style sheet 级联样式表 表现HTMl或XHTML文件样式的计算机语言 包括对字体，颜色，边距，高度，宽度，背景图片，网页定位等设定 建议：把表示样式的代码从html中分离出来，并且创建一种规则来定义html标签要显示成什么样子。 选择器： 类型选择器：不带
阅读全文
摘要：表头th 特殊的单元格：加粗、居中 它的用户是取代td的位置即可 thead 表格页眉 tbody 表格主体 tfoot 表个页脚
阅读全文
摘要：表单的标记<form></form> 属性： name：表单的名字 action=“url” 提交地址 method 提交的方式 get post target 在什么位置打开 常用的表单元素 1.<input type="#" name="">: text：文本框 password：密码框 rad
阅读全文
摘要：标记/标签{元素} 双标签： <标签>内容</标签> <html></html> 网页 页面的根元素 <head></head> 头部 <body></body> 主体 <p></p> 段落 <h1></h1> .....h2-h6 标题 <table></table> 表格.... 单标签： <标
阅读全文
