Lying01--CSDN博客

原创 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 3133

原创 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 819

HTML iframe 框架HTML iframe 是框架的一種，也稱為內置框架或內聯框架，用來在網頁內嵌入另外一個網頁，例如現在非常流行的嵌入 Facebook 粉絲團到部落格或個人網站、在網站內容加上按讚或分享的按鈕都是常見的應用方式，HTML iframe 可以自己設定要嵌入的網頁所佔空間，如寬度與高度，也可以設定是否要顯示邊框或捲軸，幾乎所有主流的瀏覽器都支援 HTML iframe 框架語

2017-04-19 17:38:02 496

原创 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 1284

原创 CSS样式设置小技巧

CSS样式设置小技巧一、水平居中设置设置水平居中得分两种情况：行内元素还是块状元素，块状元素里面又分为定宽块状元素，以及不定宽块状元素。1、行内元素如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。<body> <div class="txtCenter">我想要在父容器中水平居中显示。</div>

2017-04-18 19:30:32 323

原创 CSS缩写、单位

字体缩写body{ font-style:italic;//文本样式(粗体斜体) font-variant:small-caps; //英文字母大小写 //normal 默认值。浏览器会显示一个标准的字体。 //small-caps 浏览器会显示小型大写字母的字体。 //inherit 规定应该从父元素继承 font-variant 属性的值。

2017-04-18 14:29:01 297

原创 CSS层模型

为了让html元素在网页中精确定位，就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。层模型有三种形式：1、绝对定位(position: absolute)如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left

2017-04-17 16:40:28 345

原创 CSS布局模型

CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。在网页中，元素有三种布局模型：1、流动模型（Flow）2、浮动模型 (Float)3、层模型（Layer）流动模型流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。流动布局模型具有2个比较典型的特征：第一点，块状元素都会在所处的包含元素内自上

2017-04-14 18:15:37 216

原创 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 447

原创 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 1751

原创 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 377

原创 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 943

原创 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 446

原创 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 360

转载 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 314

原创 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 360

原创 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 469

qq_32814941的博客