- 博客(23)
- 收藏
- 关注
转载 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关注的人