HTML - 随笔分类 - 逸果

定位

摘要：position属性： static：默认值,没有定位<以标准流方式显示> relative：相对定位 absolute：绝对定位 fixed：固定定位相对定位：相对自身原来位置进行偏移偏移位置：top,left,right,bottom 规律：设置相对定位的盒子会相对它原来的位置,通过指定阅读全文

posted @ 2017-06-02 10:17 逸果阅读(133) 评论(0) 推荐(0)

浮动

摘要：float属性： left 元素向左侧浮动 right 元素向右侧浮动 none 元素不浮动,并会显示在其中文本出现的位置,默认 clear属性： left 在左侧不允许浮动元素 right 在右侧不允许浮动元素 both 在左右两侧不允许浮动元素 none 允许浮动元素出现在两侧,默认溢出处理：阅读全文

posted @ 2017-06-01 11:27 逸果阅读(87) 评论(0) 推荐(0)

边框

摘要：边框： border-color<颜色> border-width<粗细> thin 细 medium 中 thick 粗像素值 border-style<样式> none 无 hidden dotted 点线 solid 实线 double 双线 dashed 虚线 border简写：同时设置阅读全文

posted @ 2017-05-31 15:00 逸果阅读(302) 评论(0) 推荐(0)

标准文档流

摘要：组成：块极元素(换行)：(block level) <h1>,<p>,<div>,列表内联元素(不换行)：(inline) <span>,<a>,<img/>,<strong> 内联元素可以包含于块级标签中,成为它的子元素,而反过来则不成立 display属性: 控制元素的显示和隐藏块级元素与阅读全文

posted @ 2017-05-30 21:51 逸果阅读(127) 评论(0) 推荐(0)

列表样式

摘要：列表样式： list-style-type none 无标记符号 disc 实心圆 circle 空心圆 square 实心正方形 decimal 数字 list-style-image 如: li{list-style-image:url<image/arrow-right,gif>; list- 阅读全文

posted @ 2017-05-29 23:57 逸果阅读(156) 评论(0) 推荐(0)

背景

摘要：网页背景：背景颜色 background-color 背景图像 background-image 背景图像：背景重复方式 background-repeat 背景定位 background-position Xpos Ypos 单位:px,Xpos表示水平位置,Ypos表示垂直位置 X% Y% 阅读全文

posted @ 2017-05-29 23:48 逸果阅读(115) 评论(0) 推荐(0)

div标签

摘要：语法： #header{ <宽>width:20px; <高>height:280px; } <div id="header">网页内容</div> 阅读全文

posted @ 2017-05-29 23:36 逸果阅读(145) 评论(0) 推荐(0)

超链接伪类

摘要：伪类样式：标签名：伪类名{声明} 如：a:hover{ color:#000000; text-decoration:underline; } 伪类名称： a:link 未单击访问时超链接样式 a:visited 单击访问后超链接样式 a:hover 鼠标悬浮其上的超链接样式 a:active 鼠阅读全文

posted @ 2017-05-29 23:30 逸果阅读(506) 评论(0) 推荐(0)

文本

摘要：文本样式： color 设置字体颜色 text-align 元素水平对齐方式 text-indent 首行文本的缩进 "em"或"px" line-height 文本的行高 text-decoration 文本的装饰对齐方式：水平对齐方式： text-align 垂直对齐方式： vertical 阅读全文

posted @ 2017-05-29 23:18 逸果阅读(128) 评论(0) 推荐(0)

字体

摘要：字体样式： font-family 设置字体类型 font-size 设置字体大小 "px" font-style 设置字体风格 font-weight 设置字体粗细 font 在一个声明中设置所有字体属性字体类型： font-family 如：p{font-family:Verdana,"楷体" 阅读全文

posted @ 2017-05-29 23:01 逸果阅读(108) 评论(0) 推荐(0)

CSS样式

摘要：CSS的优势：内容与表现分离网页的表现统一,容易修改丰富的样式,使得页面布局更加灵活减少网页的代码量,增加网页的浏览速度,节省网络带宽运用独立于页面的CSS,有利于被搜索引擎收录 CSS基本语法结构：语法：h1{ font-size：16px; 属性：值; } style标签： <sty 阅读全文

posted @ 2017-05-29 22:41 逸果阅读(154) 评论(0) 推荐(0)

表单

摘要：语法： <form methed="规定如何发送表单数据,常用值：get/post" action="表示向何处发送表单数据"> <p>名字<input name="元素名称" type="元素类型" value="元素的值"></p> </from> type属性表单元素: 文本框： <input 阅读全文

posted @ 2017-05-28 23:56 逸果阅读(87) 评论(0) 推荐(0)

框架

摘要：<frameset>框架： <frameset cols="横向分割" rows="纵向分割" > <frame src="引用地址"> </frameset> <iframe>内嵌框架： <iframe src="引用地址" name="框架标识名" frameborder="边框" scrdli 阅读全文

posted @ 2017-05-28 23:39 逸果阅读(68) 评论(0) 推荐(0)

表格

摘要：语法： <table> <tr>(行标签) <td></td>(单元格标签) </tr> </table> 单元格对齐方式：属性值说明 align left 左对齐 center 居中对齐 (水平对齐方式) right 右对齐 valign top 顶端对齐 middle 居中对齐 botto 阅读全文

posted @ 2017-05-28 23:31 逸果阅读(70) 评论(0) 推荐(0)

列表

摘要：无序列表：语法：<ul>() <li></li>(列表声明项) </ul> 类型:(type的取值：<ul type="disc"></ul>) disc:实体圆心,默认值 square:实体方心 circle:空心圆有序列表：语法：<ol> <li></li>(列表声明项) </ol> 类型阅读全文

posted @ 2017-05-28 23:11 逸果阅读(79) 评论(0) 推荐(0)

标签

摘要：基本标签：标题标签：<h></h> 换行标签：<br/> 段落标签：<p></p> 水平标签：<hr/> 字体加粗：<strong></strong> 字体斜体：<em></em> 注释和特殊符号：空格   大于号(>) > 小于号(<) < 引号(") &quot 牌权符阅读全文

posted @ 2017-05-28 23:01 逸果阅读(87) 评论(0) 推荐(0)

随笔分类 - HTML