摘要: 六、垂直居中-父元素高度确定的单行文本 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>垂直居中</title> 6 <style> 7 8 .wrap h2{ 9 margin:0; 10 height:1 阅读全文
posted @ 2017-05-23 11:26 孤星狼 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 一、水平居中设置-行内元素 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>定宽块状元素水平居中</title> 6 <style> 7 div{ 8 border:1px solid red; 9 marg 阅读全文
posted @ 2017-05-22 15:10 孤星狼 阅读(417) 评论(0) 推荐(1) 编辑
摘要: 一、颜色值 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>颜色值</title> 6 <style type="text/css"> 7 8 </style> 9 </head> 10 11 <body> 阅读全文
posted @ 2017-05-21 17:23 孤星狼 阅读(240) 评论(0) 推荐(1) 编辑
摘要: 一、盒模型代码简写 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>relative样式</title> 6 <sty 阅读全文
posted @ 2017-05-19 08:54 孤星狼 阅读(440) 评论(0) 推荐(0) 编辑
摘要: 五、什么是层模型? 什么是层布局模型?层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样, 每个图层能够精确定位操作,但在网页设计领域,由于网页大小的活动性,层布局没能受到热捧。 但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局。 如何让html 阅读全文
posted @ 2017-05-18 09:04 孤星狼 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 一、css布局模型 清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。 布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。 如果说布局模型是本,那么 CSS 布 阅读全文
posted @ 2017-05-16 19:34 孤星狼 阅读(301) 评论(0) 推荐(0) 编辑
摘要: 六、盒模型--边框(一) 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>边框</title> 6 <style ty 阅读全文
posted @ 2017-05-15 19:43 孤星狼 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 一、元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用 阅读全文
posted @ 2017-05-14 11:21 孤星狼 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 六、文字排版--删除线 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 5 <title>删除样式</title> 6 <style 阅读全文
posted @ 2017-05-13 11:36 孤星狼 阅读(345) 评论(0) 推荐(1) 编辑
摘要: 一、文字排版--字体 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>认识html标签</title> 6 <styl 阅读全文
posted @ 2017-05-12 16:57 孤星狼 阅读(301) 评论(2) 推荐(0) 编辑