逸果 - 博客园

2017年6月2日

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

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

2017年6月1日

浮动

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

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

2017年5月31日

边框

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

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

2017年5月30日

标准文档流

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

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

2017年5月29日

列表样式

摘要：列表样式： 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 逸果阅读(145) 评论(0) 推荐(0) 编辑

背景

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

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

div标签

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

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

超链接伪类

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

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

文本

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

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

字体

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

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