有为lala

导航

随笔分类 -  HTML

注释和特殊符号
摘要:1.空格:&nbsp 2.引号:&quot 3.大于号:&gt 4.小于号:&lt 5.版权符号:&copy 阅读全文

posted @ 2017-06-09 21:49 有为lala 阅读(246) 评论(0) 推荐(0) 编辑

文本装饰
摘要:文本装饰--text-decoration属性 1.none 标准文本 2.underline 文本下划线 3.overline 文本下划线 4.line-though 文本删除线 5.blink 文本闪烁 阅读全文

posted @ 2017-06-08 19:46 有为lala 阅读(90) 评论(0) 推荐(0) 编辑

列表样式
摘要:1.list-style-type 值 说明 none 无标记符号 dise 实心圆 默认值 cirde 空心圆 square 实心正方形 decimal 数字 2.list-style-image li{list-style-image:图片路径; list-style-type:none; }  阅读全文

posted @ 2017-06-07 22:13 有为lala 阅读(90) 评论(0) 推荐(0) 编辑

网页背景
摘要:1.背景颜色:backgound-color 2.背景图像:backgound-image 3.背景重复方式:backgound-repeat 4.背景定位:backgound-position 值 含义 xpos ypos 单位:px. xpos表示水平位置 ypos表示垂直位置 x% y% 使用 阅读全文

posted @ 2017-06-06 19:11 有为lala 阅读(126) 评论(0) 推荐(0) 编辑

边框
摘要:1.颜色:border-color 2.边框粗细:border-width a.thin 细 b.medium 默认值,中,2PX c.thick 粗 d.像素值 3.边框风格:border-style a.none 无 b.hidden c.dotted 点线 d.solid 实线 e.doubl 阅读全文

posted @ 2017-06-05 17:23 有为lala 阅读(77) 评论(0) 推荐(0) 编辑

对齐方式
摘要:水平对齐方式--text-align属性 left 左 默认值 right 右 center 中 justify 两端对齐垂直对齐--vertical-align属性 middle top bottom 阅读全文

posted @ 2017-06-04 19:14 有为lala 阅读(183) 评论(0) 推荐(0) 编辑

文本样式
摘要:文本样式 1.color 颜色 2.text-align 对齐方式 3.text-indent 首行文本的缩进(px/em) 4.line-height 文本行高 5.text-decoration 文本装饰 阅读全文

posted @ 2017-06-03 18:20 有为lala 阅读(166) 评论(0) 推荐(0) 编辑

定位--position属性
摘要:一.定位--position属性 1.static:默认值 没有定位--以标准文档流方式显示 2.relative:相对定位--相对自身原来的位置进行偏移(top left right bottom) 3.absolute:绝对定位 4.fixed:固定定位二.相对定位元素的规律 1.设置相对定位的 阅读全文

posted @ 2017-06-02 21:33 有为lala 阅读(140) 评论(0) 推荐(0) 编辑

浮动
摘要:1.float属性 a.left 元素向左浮动 b.right 元素向右浮动 c.none 默认值,不浮动 2.clear属性 a.left 在左侧不允许浮动元素 b.right 在右侧不允许浮动元素 c.both 在左右两侧不允许浮动元素 d.none 默认值 允许浮动元素出现在两侧 3.over 阅读全文

posted @ 2017-06-01 19:54 有为lala 阅读(89) 评论(0) 推荐(0) 编辑

超链接伪类
摘要:1.伪类样式-语法: a:hover{ color:#155; } 2.伪类名称 含义 a:link 为单击访问时超链接样式 a:visted 单击访问后超链接样式 a:hover 鼠标悬浮其上的超链接样式 a:active 鼠标单击未释放的超链接样式 顺序:a:link>a:visted>a:ho 阅读全文

posted @ 2017-05-31 23:16 有为lala 阅读(245) 评论(0) 推荐(0) 编辑

字体样式
摘要:1.字体类型:--font-family属性 p{font-family:verdana "楷体"} 2.字体风格:--font-style属性 nomal--正常 italic和oblique--斜体 3.字体粗细:--font-weight属性 normal 默认值 标准字体 bold 粗体 b 阅读全文

posted @ 2017-05-30 21:12 有为lala 阅读(131) 评论(0) 推荐(0) 编辑

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

posted @ 2017-05-29 12:48 有为lala 阅读(90) 评论(0) 推荐(1) 编辑

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

posted @ 2017-05-28 18:25 有为lala 阅读(111) 评论(1) 推荐(1) 编辑

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

posted @ 2017-05-28 18:24 有为lala 阅读(82) 评论(0) 推荐(1) 编辑

框架
摘要:1.<frameset cols="横向分割" rows="纵向分割" > <frame src="引用地址"> </frameset> 2.<iframe src="应用地址" name="框架标识名" frameborder="边框" scrdling="是否出现滚动条(yes/no)" win 阅读全文

posted @ 2017-05-27 10:24 有为lala 阅读(103) 评论(0) 推荐(1) 编辑

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

posted @ 2017-05-27 10:23 有为lala 阅读(105) 评论(0) 推荐(1) 编辑

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

posted @ 2017-05-26 17:37 有为lala 阅读(65) 评论(0) 推荐(1) 编辑

标签
摘要:一.基本标签 1.标题标签:<h1></h1> 2.换行标签:<br/> 3.段落标签:<p></p> 4.水平标签:<hr/> 5.字体加粗:<strong></strong> 6.字体斜体:<em></em>二.图像标签 1.常见的图像格式 JPG GIF BMP PNG 2.语法:<img s 阅读全文

posted @ 2017-05-26 17:35 有为lala 阅读(87) 评论(0) 推荐(1) 编辑