随笔分类 -  HTML学习笔记

1 2 下一页
23-绝对定位
摘要：定位：position属性：position描述：设置对象的定位方式值： static 静态定位：页面中的每一个对象的默认值 absolute 绝对定位：将对象从文档流中分离出来，通过设置left、right、top、bottom 四个方向相对于 父级对象进行绝对定位。如果不存在这样的父对象，则依据 阅读全文
posted @ 2020-03-22 13:11 orzxxll 阅读(146) 评论(0) 推荐(0)
22-清除浮动
摘要：清除浮动 当元素有浮动属性时，会对其父元素或后面的元素产生影响，会出现一个布局错乱现象，可以通过清除浮动的方法来解决，浮动元素的影响浮动的清理（clear） 值： none：默认值。允许两边都可以有浮动对象 left：不允许左边有浮动对象 right：不允许右边有浮动对象 both：左右两侧都不允许 阅读全文
posted @ 2020-03-22 13:10 orzxxll 阅读(161) 评论(0) 推荐(0)
21-浮动布局
摘要：css布局有三种方式： 1、默认文档流方式 以html元素的结构顺序显示 2、浮动布局方式 通过设置html元素的float属性显示 3、定位布局方式 通过设置html元素的position属性显示 浮动：float 什么是浮动？ 浮动（float）是css实现布局的一种方式，包括div在内的任何元 阅读全文
posted @ 2020-03-22 13:06 orzxxll 阅读(115) 评论(0) 推荐(0)
20-css控制背景与css精灵
摘要：CSS控制背景 背景 background:颜色 图片 平铺方式 固定方式 位置 背景颜色 background-color：red； 背景图像 background-image：url（背景图像的位置及全称） 背景图片的重复方式 background-repeat：[repeat、no-repea 阅读全文
posted @ 2020-03-22 13:04 orzxxll 阅读(172) 评论(0) 推荐(0)
19-css块与内嵌元素
摘要：CSS中元素的分类 我们在页面布局的时候，会将HTML标签（元素）分成两种，块状元素和内嵌元素（我们平时用到的 标签div和p就是块状元素，链接标签a就是内嵌元素），可以通过CSS修改元素的类型 1、块状元素：｛display：block｝ 一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元 阅读全文
posted @ 2020-03-22 13:00 orzxxll 阅读(240) 评论(0) 推荐(0)
18-css列表-边框详解
摘要：关于列表属性的介绍 list-style:列表的图片语法： list-style:list-style-image || list-style-position || list-style-type 列表的样式：列表的图片 列表的符号位置 列表的样式 list-style:none; 不要列表的符号 阅读全文
posted @ 2020-03-22 12:58 orzxxll 阅读(677) 评论(0) 推荐(0)
17-css盒子模型详解
摘要：CSS盒子模型******一个盒子是由以下几个部分构成： 1、盒子中的内容 content 2、盒子的边框 border 3、盒子的边框与内容之间的距离，称为填充 padding，内边距（内补丁） 4、多个盒子存在时，盒子与盒子之间的距离，称之为边界 margin，外边距（外补丁）*****盒子所在 阅读全文
posted @ 2020-03-22 12:51 orzxxll 阅读(250) 评论(0) 推荐(0)
16-CSS选择符详解
摘要：CSS选择符命名 规范的命名也是Web标准中的重要一项，标准的命名可以使代码更加易读，而且利于搜索引擎搜索，比如定义两个div，一个id命名为“div1”，另外一个命名为“news”，肯定第二个比较易读，而且搜索引擎抓取率高，在团队合作中还可以提高工作效率。为了达到这种效果我们就要规范化命名（语义化 阅读全文
posted @ 2020-03-22 12:46 orzxxll 阅读(338) 评论(0) 推荐(0)
15-CSS控制文字及链接
摘要：应用CSS样式时，一定要注意它的默认值。不同的浏览器默认值不一样 CSS控制文本 设置字体样式 font-style:normal [正常] italic [斜体] 修饰文字 text-decoration:none [正常] underline [下划线] overline [上划线] line- 阅读全文
posted @ 2020-03-22 12:43 orzxxll 阅读(407) 评论(0) 推荐(0)
14-css优先权
摘要：CSS选择符类型 1、标签（类型）选择符 就是针对HTML文档中的标签（哪些html标签应用哪些css样式） 如：p{font-size:12px;}div{background:blue;} 2、类选择符：可以自定义样式，应用于一个或者多个网页元素，类在网页中可以出现多次，用于定义重复的样式。类似 阅读全文
posted @ 2020-03-22 12:31 orzxxll 阅读(155) 评论(0) 推荐(0)
13-css应用的方式
摘要：网页中加css的方式有四种 1、内嵌式样式表：直接写在现有的标记中，如： <p style="color:red">这里文字是红色的</p> 2、嵌入样式表:使用“<style></style>”标签嵌入到HTML文件的头部中<head>标记内，如: <style type="text/css"> 阅读全文
posted @ 2020-03-22 12:29 orzxxll 阅读(421) 评论(0) 推荐(0)
12-css语法
摘要：CSS简介一概念：CSS是Cascading Style Sheets（层叠样式表）的简称 更多的人把它称为样式表。顾名思义，它是一种能设计网页样式的工具。借助CSS的强大功能，网页将在你丰富的想象力下千变万化。实际上CSS的代码都是由一些最基本的语句构成的 CSS可以做为 html，xhtml，x 阅读全文
posted @ 2020-03-22 12:26 orzxxll 阅读(207) 评论(0) 推荐(0)
11-css理解表现与结构相分离
摘要："DIV+CSS"叫法的误区“DIV+CSS”这种叫法其实是一种不准确的叫法，是大家开始在对这种技术理解不透彻的情况下，给这种布局标准页面的方法起的名字，而标准的叫法是什么呢？ XHTML+CSS ! !一、什么是W3C? 我们平时说得W3C。其实就是 Word Wide Web Consortiu 阅读全文
posted @ 2020-03-22 12:22 orzxxll 阅读(1421) 评论(0) 推荐(0)
10-框架技术
摘要：从HTML迈向XHTML1993年标记语言第一版 >1995 html 2.0 >1996 html 3.2 w3c推荐标准 >1999 html 4.0.0 w3c推荐标准 >2000 xhtml 1.0 w3c推荐标准 >2001 xhtml 1.1 w3c推荐标准 >2008 html5 框架 阅读全文
posted @ 2020-03-22 12:19 orzxxll 阅读(252) 评论(0) 推荐(0)
09-多媒体应用
摘要：html文件其实与我们常用的一些文件相似，word文件 doc保存普通文字和图片。html文件中不仅可以放置普通的文字与图片，还可以放置视频与音频多媒体元素。FLASH动画的插入 1、使用<embed>...</embed>标记插入FLASH动画（过时的方法，存在浏览器兼容性问题） 属性 属性值 说 阅读全文
posted @ 2020-03-22 12:13 orzxxll 阅读(142) 评论(0) 推荐(0)
08-表单运用基础
摘要：表单的功能 表单的作用是从访问您的Web站点的用户那里获得信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息，然后单击某个按钮提交这些信息。 客户端与服务器端进行信息交流的途径表单标记 form标记用于创建一个表单，定义表单的开始和结束，它是一个容器，用于包含其他表单元 阅读全文
posted @ 2020-03-22 12:10 orzxxll 阅读(187) 评论(0) 推荐(0)
07-html超级链接应用
摘要：一个网站是由多个页面组成的，网页之间都是通过链接实现相互关联的链接的概念：实现由当前文档到目前文档的一种跳转链接的语法： <a href="链接目标" title="注释" target="打开链接窗口的形式">显示内容</a> _blank：在新窗口中打开 _self：在自身窗口中打开（默认值） 阅读全文
posted @ 2020-03-22 12:05 orzxxll 阅读(258) 评论(0) 推荐(0)
06-表格应用基础
摘要：传统的网页布局方式 使用 table 表格其实表格，原来是用于保存数据的，保存这种格式清晰的数据。布局 table 改用 div布局思想 排版 1、从大到小排版 2、从左往右排版，从上向下 按人视觉表格 因为表格中可以包含任何内容，所以在使用DIV+CSS之前，网页设计师是使用表格对网页内容进行排版 阅读全文
posted @ 2020-03-22 11:58 orzxxll 阅读(155) 评论(0) 推荐(0)
05-html列表与图片的应用
摘要：在HTML文档中使用特殊字符 特殊字符 转义码 空格 &nbsp; 版权号 © &copy; 注册商标 &reg; " &quot; & &amp; < &lt; > &gt; 列表标记用途： 列表标记可以创建一般的无序列表、编号列表以及定义列表三种方式， 还可以在列表中嵌套另一种列表，便于概括显示 阅读全文
posted @ 2020-03-22 11:41 orzxxll 阅读(289) 评论(0) 推荐(0)
04-html标记语义应用
摘要：一个小工具：FSCapture（截图用的） 网页文件的文件名在本地电脑保存为中文时没有问题，将来 网页文件是保存在服务器的，建议全部英文1、font标记 语法：<font color="字体颜色" size="字体大小" face="字体">文本</font> 注意：网页中的文本字体，字号都是用cs 阅读全文
posted @ 2020-03-22 11:30 orzxxll 阅读(169) 评论(0) 推荐(0)

1 2 下一页