- 博客(17)
- 收藏
- 关注
原创 HTML+css制作简易图片库
CSS<style> div.img { float:left; margin: 10px; border:1px solid #bebebe; } div.img img{ display: inline; border:1px solid #bebebe; margin:5px
2017-05-11 16:19:51
3197
原创 html+css简易导航条
CSS<style> .nav { font-size: 0px; /*设置两个块之间没有间距*/ margin: 0 auto; text-align: center; /*设置居中*/ } .nav ul { list-style: none; /*取消样式*/
2017-05-10 17:18:31
843
转载 HTML iframe框架
HTML iframe 框架HTML iframe 是框架的一種,也稱為內置框架或內聯框架,用來在網頁內嵌入另外一個網頁,例如現在非常流行的嵌入 Facebook 粉絲團到部落格或個人網站、在網站內容加上按讚或分享的按鈕都是常見的應用方式,HTML iframe 可以自己設定要嵌入的網頁所佔空間,如寬度與高度,也可以設定是否要顯示邊框或捲軸,幾乎所有主流的瀏覽器都支援 HTML iframe 框架語
2017-04-19 17:38:02
508
原创 h5表格的跨行跨列
<body><table style="width:240px" border="1"> <tr> <td rowspan="2">跨2行的单元格</td> <td>普通单元格</td> </tr> <tr> <td>普通单元格</td> </tr> <tr> <td colspan="2">跨
2017-04-19 16:37:48
1321
原创 CSS样式设置小技巧
CSS样式设置小技巧一、水平居中设置设置水平居中得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。1、行内元素如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。<!--tml代码:--><body> <div class="txtCenter">我想要在父容器中水平居中显示。</div>
2017-04-18 19:30:32
336
原创 CSS缩写、单位
字体缩写body{ font-style:italic;//文本样式(粗体斜体) font-variant:small-caps; //英文字母大小写 //normal 默认值。浏览器会显示一个标准的字体。 //small-caps 浏览器会显示小型大写字母的字体。 //inherit 规定应该从父元素继承 font-variant 属性的值。
2017-04-18 14:29:01
309
原创 CSS层模型
为了让html元素在网页中精确定位,就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位(positioning)属性来支持层布局模型。层模型有三种形式:1、绝对定位(position: absolute)如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left
2017-04-17 16:40:28
358
原创 CSS布局模型
CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。在网页中,元素有三种布局模型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer)流动模型流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征:第一点,块状元素都会在所处的包含元素内自上
2017-04-14 18:15:37
227
原创 CSS盒模型
边框(border)为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框:div{ border:2px solid red;}//上面是 border 代码的缩写形式,可以分开写:div{ border-width:2px; border-style:solid; border-color:red;}注意:border-style(边框
2017-04-14 16:48:20
461
原创 CSS元素分类
在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素(block元素)<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具
2017-04-14 14:32:18
1770
原创 CSS样式排版
设置字体body{font-family:"Microsoft Yahei";}设置字号、颜色body{font-size:12px;color:#666}设置粗体p span{font-weight:bold;}设置斜体p a{font-style:italic;}设置下划线p a{text-decoration:underline;}设置删除线 .oldPrice{text-decoration
2017-04-14 14:31:09
391
原创 CSS样式优先级(权值)
CSS权值优先级标签的权值为1;类选择符的权值为10;ID选择符的权值为100;还有一个权值比较特殊–继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。p{color:red;} /*一个标签,权值为1*/p span{color:green;} /*两个标签,权值为1+1=2*/.warning{color:white;} /*一个类选择符,权值为10*/
2017-04-13 16:49:38
982
原创 CSS选择器
CSS选择器css样式声明形式:选择器{ 样式;}标签选择器标签选择器其实就是html代码中的标签。如<html>、<body>、<h1>、<p>、<img>//为p标签设置12px字号,行间距设置1.6em的样式。p{font-size:12px;line-height:1.6em;}类选择器类选择器在css样式编码中是最常用到的语法:注意: 1、英文圆点开头 2、其中
2017-04-13 16:19:42
457
原创 JavaScript函数笔记by-Lying
JavaScript函数笔记by-Lying本笔记资源来自廖雪峰的官方网站定义函数的两种方式function abs(x) { if (x >= 0) { return x; } else { return -x; }}var abs = function (x) { if (x >= 0) { return x
2017-04-12 16:18:09
369
转载 JavaScript ES6中的新特性
转自该网站JavaScript ES6中的新特性Array.from()Array.from方法可以将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。 下面是一个类似数组的对象,Array.from将它转为真正的数组。let arrayLike = { '0': 'a',
2017-04-10 15:59:43
338
原创 html5个人笔记byLying
H5笔记点击查询是否符合H5规范一、小知识点1、链接外部css样式<link rel="stylesheet" href="css/text.css" type="text/css">rel(relationship):用于定义链接的文件和HEML文档之间的关系href:链接文件,填写文件的相对路径type:text指对象为网页中的文本css或javaScript是指当前指定的文本类型2、自
2017-04-06 16:51:38
371
原创 JavaScript基本语法笔记by-Lying
JavaScript入门笔记数据类型JavaScript不区分整数和浮点数,统一用Number表示NaN; //NaN表示Not a Number,当无法计算结果时用NaN表示Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity&&运算是与运算,只有所有都为true,&&运算结果才是true
2017-04-05 14:59:10
479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人