学习记录园 - 博客园

2017年11月27日

摘要： css中的float和position两个属性 1.盒子的浮动标准流中块级元素在水平方向上会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素一次排列，不能并排，使用浮动方式后，块级元素可以并排。 float默认的属性为none 即标准流。float属性的值设置为left和right元素就会阅读全文

posted @ 2017-11-27 10:25 学习记录园阅读(682) 评论(0) 推荐(0)

5.文字与图像（文字样式和图像样式）

摘要：一.文字样式设置字体 html中 <font face="字体名称"> css中 font-family：字体名称文字大小 font-size：12px；行高一个段落中各行文本的高度两行文字之间基线的距离给文字加上下划线下划线的位置就是文字的基线 line-height：18px；也可阅读全文

posted @ 2017-11-27 10:24 学习记录园阅读(490) 评论(0) 推荐(0)

6.链接与导航

摘要： 1.动态超链接 <a href="****">链接文本</a> 去掉下划线：text-decoration：none 利用css的为类别来制作超链接动态效果的方法 a:link 普通样式 a:visited被点击过的超链接的样式 a:hover鼠标指针经过超链接上时的样式 a:active在超链接上阅读全文

posted @ 2017-11-27 10:23 学习记录园阅读(270) 评论(0) 推荐(0)

11章圆角框本章很重要经常用到

摘要：圆角修饰和分割的作用根据对宽度的适应性分为固定的，流动的和弹性的圆角框；根据使用的背景图片个数，根据使用的颜色可以分为单背景色，和带边框的。固定宽度圆角框 1.两背景图像法（1）首先要确定圆角框的颜色，以及圆角框后面的网页背景的颜色，（2）确定html的结构 <div id="rounded 阅读全文

posted @ 2017-11-27 10:22 学习记录园阅读(166) 评论(0) 推荐(0)

9章下拉菜单

摘要：本章内容***** 1.dl dt dd标记块级元素 dl定义列表 dt和dd定义标题 <dl> <dt>北京市的大学</dt> <dd>清华大学</dd> <dd>北京大学</dd> <dd>人民大学</dd> <dd>北京航天</dd> <dt>北京市的大学</dt> <dd>asdf</dd 阅读全文

posted @ 2017-11-27 10:22 学习记录园阅读(137) 评论(0) 推荐(0)

原来链接与导航

摘要： 1。去掉下划线 text-decoration：none 伪类 a：link 正常情况下 a:visited 点击过 a:hover 鼠标经过 a：active单击时即当前激活时的样式 2.border-top 可以实现阴影效果 left right bottom 3.浮雕背景 background 阅读全文

posted @ 2017-11-27 10:21 学习记录园阅读(105) 评论(0) 推荐(0)

7竖直排列的导航菜单

摘要：实例章节1.双竖线菜单（1）html框架 <div id="menu"> <a href="#">home</a> <a href="#">contact</a> <a href="#">web dev</a> <a href="#">map</a> </div> (2)设置容器css #menu 阅读全文

posted @ 2017-11-27 10:20 学习记录园阅读(289) 评论(0) 推荐(0)

8.水平导航菜单

摘要： 1.自适应的水平菜单菜单随着浏览器的窗口的宽度的变化而改变排列方式如果宽度不够菜单会自动折行（1）html框架 <div id="menu"> <a href="#">home</a> <a href="#">contact</a> <a href="#">web dev</a> <a hr 阅读全文

posted @ 2017-11-27 10:19 学习记录园阅读(332) 评论(0) 推荐(0)

13章固定宽度布局剖析与制作

摘要：固定宽度布局页面首先在整体上进行<div>标记的分块，然后对各个块进行css定位，最后再在各个块中添加相应的内容。 .css的排版观念：从网页内容的逻辑关系出发，区分出内容的层次和重要性，根据逻辑关系，把网页的内容使用div或其他适当的html标记组织好，再考虑网页的形式如何与内容相适应。布局表阅读全文

posted @ 2017-11-27 10:17 学习记录园阅读(220) 评论(0) 推荐(0)

12章应用spary制作高级网页组件

摘要：比较复杂的用户界面，tab面板伸缩面板和折叠面板等组件。 tab面板和菜单实际上分为两种一种是切换各个tab页中的内容时并不刷新浏览器窗口，仅仅是被隐藏起来了利用javascript显示和隐藏tab面板另一种是切换各个tab页中的内容时，会刷新浏览器窗口，实际上就是更换了一个新的html页面阅读全文

posted @ 2017-11-27 10:16 学习记录园阅读(307) 评论(0) 推荐(0)