- 博客(23)
- 收藏
- 关注
RSS订阅转载 CSS——响应式布局之@media
语法格式： @media mediaType and|not|only (media feature) { /CSS-Code;/ }如： @media screen and (max-width: 300px) { body { background-color:lightblue; } } 设置了当屏幕宽度不超过300px时，背景颜色是
2017-12-04 15:29:20
970
转载 CSS——列表（list-style-type）
list-style-type：设置列表的标志类型（none/square/…） 当设置为none时，列表的标志将不会显示有时，常规的标志是不够的。你可能想对各标志使用一个图像，这可以利用 list-style-image 属性做到： ul li {list-style-image : url(xxx.gif)}
2017-12-04 12:43:29
1228
转载 CSS——链接伪类
a:link {color:#FF0000;} /* 未被访问的链接 */ a:visited {color:#00FF00;} /* 已被访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */ a:active {color:#0000FF;} /* 正在被点击的链接 */注意： 当为链接的不同状态设置样式时，请按照以下次序
2017-12-04 12:37:11
1026
转载 CSS——字体（font-family,font-style，font-size注意要点）
font-family——设置字体（宋体、黑体之类的）font-style——设置字体风格（也就是正常显示还是斜着显示） normal - 文本正常显示 italic - 文本斜体显示 oblique - 文本倾斜显示 通常情况下，italic 和 oblique 文本在 web 浏览器中看上去完全一样。font-size：设置字体大小。可以使用px单位也可以使用em。 如果要避免在 In
2017-12-04 12:31:48
9379
转载 CSS——文本样式（text-indent，text-transform，text-decoration，text-justify）
text-indent——缩进元素中文本的首行 eg. p {text-indent: 5em;}， text-indent 还可以设置为负值:p {text-indent: -5em;}， 不过在为 text-indent 设置负值时要当心，如果对一个段落设置了负值，那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题，建议针对负缩进再设置一个外边距或一些内边距：p {t
2017-12-04 12:14:26
602
原创 css——background背景属性
设置背景颜色——:background-color 设置背景图——:background-image{ URL：xxxx}(必须设置一个url链接到相应图片才行) 设置背景重复——:background-repeat：{ repeat-y/repeat-x/no-repeat}（这样的重复能让尺寸很小的背景，也能填充满大的body） 设置背景定位——：background-position{c
2017-12-04 11:38:26
281
转载 CSS——注意事项
select标签的写法：<select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option></select>标签的写法(单选框):<input t
2017-11-24 00:06:06
236
原创 HTML——<input>、<select>
select标签的写法：<select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option></select>标签的写法(单选框):<input t
2017-11-24 00:05:35
1723
原创 CSS——选择器（包括神器:nth-child）
1、基本的选择器： 通用元素选择器——*{…} id选择器(略) 类选择器(略) 标签选择器——a{ color:xxx; }2、组合型选择器： A、同一级别多元素选择器——使用”,”隔开。 如：h1,a,div{…}，表示被h1标签，a标签及div标签里括起的内容所使用的样式B、后代选择器——使用空格来隔开。 如：a li{….}，表示的是匹配a标签下的所有li标签 C、子元素选择
2017-11-24 00:05:12
5906
1
转载 HTML——有用的实体字符集，如：¥、÷、©等符号
更多访问：http://www.w3school.com.cn/html/html_entities.asp
2017-11-23 12:36:54
1620
原创 HTML——bgcolor、background、color属性
bgcolor——设置背景颜色 background——设置背景图片 color——设置字体颜色
2017-11-23 12:28:43
4702
原创 HTML——小技巧总结
1、让超链接线面的下划线消失——”text-decoration:none” eg. <a style="text-decoration: none" class="test" href="http:\\www.baidu.com" target="_self">1231</a>效果：当鼠标放在该标签上时，“1231”内容不会有下划线出现
2017-11-23 12:09:04
1157
转载 HTML——列表<ul>、<ol>以及<dl>
<ul>是无序列表、<ol>是有序列表(order line？)、<dl>是自定义列表（define line）<ul>和<ol>里面都包裹着<li>标签格式：<ul> <ol> <li>...</li> <li>...</li> <li>...</li> <li>...<
2017-11-23 12:02:23
5522
转载 HTML——表格
表格的标准格式：<table> <tr> <th></th> ... </tr> <tr> <td></td> ... </tr> ...</table>注意事项：1、<th>和<td>的作用差不多，不过<th>适用于当表头，它会将包裹的内容加粗加大2、当某个<td>里没有内容时，最好使用一个‘
2017-11-23 11:29:43
180
转载 HTML——给图片<img>标签加上超链接
在一个<a>标签中加上一个<img>标签内容，即可让该<img>拥有一个超链接：<a href="www.baidu.com"> <img border="0" src="/i/eg_buttonnext.gif" /></a>
2017-11-23 11:03:55
65845
1
原创 HTML——<a>标签的target属性
_bank：在一个新的空白页显示 _self：在包含该<a>标签的页面显示（比如一个页面含有一个popup弹窗页面,而标签就存在于这个弹窗页面上，那么点击a标签时，a标签的链接页面就会在该弹窗显示） 效果为： _parent：在父容器中显示（假如a标签在popup里，而popup存在于另一个页面，则点击a标签时，a的链接页面将在包含popup的页面上显示）_top：在顶层容器显示（假如a标签属
2017-11-23 10:58:08
2592
转载 HTML——<a>标签的锚用法
当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。使用方法： 1、使用<a>的name属性或者是id来设定一个錨的唯一标识 2、在另一个<a>里通过“#+錨的标识”,来指向该錨的链接e.g. 首先，我们在 HTML 文档中对锚进行命名（创建一个书签）<a name="tips">基本的注
2017-11-23 10:30:46
6153
转载 HTML——<div>、<span><p>、<br>以及<span>之间的关系
<p> 是块级元素，前后断行,而且还要再隔一行.相当于断两行。 相应的代码及效果：`<p>This is a paragraph</p><p>This is another paragraph</p>`效果： 可以看到：p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行。<p>和<br/>的区别: <p>相当于段落标签，<br/>是换行标签。段落与段落之间一般会有一个行高德
2017-11-23 00:16:59
6431
转载 HTML——标签基础（单标签）
HTML 元素语法： HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性 eg. <p>This is a paragraph 上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。
2017-11-22 23:42:05
8975
1
转载 css——居中（水平、垂直）
水平居中的text-align:center 和 margin:0 auto这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响，否则一切都是无用功。margin:0 auto 也可以被写成margin:0 auto 0 auto。不能理解的童鞋们可以自己去找找关于css缩写的内容。垂直居中的line-height什么？！m
2017-11-22 22:57:43
145
原创 HTML——button实现链接式跳转
href属性可以用来实现按钮的链接跳转： input type 中的onclick事件——<input type=button onclick="window.location.href('#')" />
2017-11-22 22:50:56
7780
转载 HTML之href和src属性
1、HTML的标签中暂时不存在URL属性 2、href和src的区别与使用： src是source的简写，表示“源”，是引用一个资源将该元素的内容将 整体替换。href是Hypertext Reference的缩写，表示“超链接”， 目的不是为了引用一个资源，而是为了建立一个“通道”，让当前标 签能够链接到目标地址上，并不是为了把目标拉进页面本身内来
2017-11-22 22:39:31
829
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人