最近在学习css，学习的时候发现，css是多么博大精深，是那么的神奇。 老师给了一个项目给我们做练习，以下我介绍一个用纯css简单做的弹窗 先看下其效果： 想整理下思路： 首先我设置了两个按钮，一个是打开弹窗，另外是关闭弹窗，这两个按钮用label关联到input：radio。 布局如下： 这个时候 ...
分类：
Web程序 时间：
2016-08-23 01:25:23
阅读次数：
300
技术总结 换行符 这是一个段落 定义粗体文本 定义斜体文本 定义删除文本 定义上标字 定义下标字 链接的 说明： shape 热区形状(rect、circle、poly ) coords 第1li 第2li 第3li 第4li 第5li 男 女 ...
分类：
Web程序 时间：
2016-08-22 23:17:50
阅读次数：
218
恢复内容开始 <a href="http://www.jisuanke.com" title="点击进入计蒜客" target="_blank">计蒜客</a> title:当鼠标移动到“计蒜客”上时，显示文本提示 target:点击链接后打开一个新的标签页 <q>千金散尽还复来——李白</q> r ...
分类：
Web程序 时间：
2016-08-21 00:37:40
阅读次数：
355
一、指定媒体类型=指定显示设备的类型 P400 有两种方式指定媒体类型： a. 直接在<link>标签中加属性media，例： <link href="print.css" type="text/css" rel="stylesheet" media="print"> b. 在CSS样式表中加@me ...
分类：
Web程序 时间：
2016-08-13 14:10:23
阅读次数：
141
学习了张鑫旭大神的浮动教程，记一下笔记。 浮动最开始是为了文字环绕图片效果。 浮动会破坏父元素的包裹。 清除浮动：在父元素加上clearfix(after不兼容ie6 7，zoom为ie6 7下方法) 浮动可以去空格化。 ...
分类：
Web程序 时间：
2016-08-13 01:09:11
阅读次数：
226
一、属性选择符 如下表所示: 例子如下： 二、伪对象选择符 CSS3将伪对象选择符(Pseudo-Element Selectors)前面的单个冒号(:)修改为双冒号(::)用以区别伪类选择符(Pseudo-Classes Selectors)，但以前的写法仍然有效。 （1）、E:first-let ...
分类：
Web程序 时间：
2016-08-12 14:50:30
阅读次数：
168
一、id及class选择符 id和class的名称是由用户自定义的。id号可以唯一地标识html元素，为元素指定样式。id选择符以#来定义。 1、id选择符 注：在网页中，每个id名只能是唯一不重复的。 我是标题2 我也是标题2 2、class选择符 注：class与id不同，class可以重复使用 ...
分类：
Web程序 时间：
2016-08-09 10:44:06
阅读次数：
224
不知道大家对CSS的印象是怎么样的呢？也许有些模糊，也许根本不清楚。其实它跟我们密切相关，一旦我们浏览网页，都在与它打交道。没有它，我们看不到现在如此丰富多彩的网页效果。那么它到底是什么呢？又该如何使用呢？ 一、什么是CSS？ CSS (Cascading Style Sheets) 层叠样式表。采 ...
分类：
Web程序 时间：
2016-08-09 00:11:50
阅读次数：
222
CSS部分 1. border-bottom属性控制元素下边框的外观 eg: border-bottom:1px solid maroon; P265 下划线 text-decoration:underline; P267 2. 若想为合并规则中的某一元素指定单独的样式，不需要拆分合并规则，为其单独 ...
分类：
Web程序 时间：
2016-08-07 23:14:16
阅读次数：
173
CSS 中添加 outline:medium; JS 控制焦点： 效果图如下： ...
分类：
Web程序 时间：
2016-08-04 15:00:25
阅读次数：
295
