JINisSun

原创 第一讲 了解javascript

什么是JavaScript?1具有面向对象能力2解释型语言（直接执行非编辑）3基于对象（例如windows）4事件驱动（当点击某个按钮来触发javascript执行）5相对安全（不会出现删除文件移动文件等一些恶意的操作）6客户端（是在网页本地的文件夹内而非服务器端执行的）7脚本语言（不需要环境寄存在浏览器上就可以运行）8主要目的（验证发往服务器端的数据、增加web和

原创 border-radius

使用例子border-radius:8px;                    //标准的css3属性，以备今后的浏览器都正式支持这一功能-webkit-border-radius:8px;     //基于Mozilla(Gecko引擎的浏览器,chrome ，safari-moz-border-radius:8px;        //基于WebKit引擎的浏览器 Firefo

原创 ul#navigation和#navigation ul的区别

前者是一个整体，选中的是id为navigation的ul，后者选中的是id为navigation的元素(任何元素)下的ul。 前者选中的是这样的ul：考虑到一个画面的id是唯一的，它只能选中如上一个ul。 后者选中的是如下ul：……其中label可以是任意元素，ul也可以是label的间接子节点。如上所有ul都会使用后者定义的样式。 当然，如果前者ul后有一个空格，则前者与后者也就差不多了，选中的

原创 meta name标签

这两个做网站的时候都要用的，这个是设置网站的描述的，比如说你的网站是做“服装的”，你可以在写为写这两个都是为了利于百度搜录和网站优化的

原创 在CSS样式中 > 的作用

ul > li>代表子元素  直接关系的如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素的话就用>举个例子啊例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：h1 > strong {color:red;}这个规则会把第一个 h1 下面的 strong 元素变为红色，但是第二个 strong 不受影响：

原创 text-shadow

text-shadow 3px 3px 0px #999text-shadow表示文字的投影第一个3px表示x轴向右移动三个px第二个3px表示y轴向下移动三个px第三个0px表示模糊半径大小第四个#999表示投影的颜色

原创 transition属性

这里主要运用了三个属性，border-radius，text-shadow，transition。 关于transition属性，是CSS3中三个动画相关的属性之一，transition属性允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”，它的属性有(1).执行变换的属性：transition-

原创 min-标签兼容

min-height最小高度的实现（兼容IE6、IE7、FF）（解决IE6不兼容min-height）布局过的人都知道CSS的最小高度min-height是个很有用的属性，它可以让很短的内容也有一个很合适的高度，使页面显得美观。但很可惜IE6不支持这一属性。怎么办呢？我们可以用另外一种方法让IE6也有最小高度min-height属性的效果。  众所周知，如果内容超过元素的高

原创 在HTML中英文换行问题

不用在因为英文无法换行而烦恼！

原创 兄弟级别的hover控制

不通过JS 控制相邻级别hover伪类

原创 关于 display:inline-block

display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 (准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性) inline-block 的元素既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性。当然不仅仅是这些特性，比如 i

原创 关于alt

图片描述最好是用简短的语句，描述这张图片的内容，如果是链接，则描述链接的作用，并带上关键词。图片alt属性是搜索引擎唯一能识别的图片信息，因此，在优化网站时，尽可能利用alt属性阐述图片的主题内容，但是又要避免关键词的重叠堆砌，该图片属性作用也不仅仅告诉搜索引擎图片的主要信息，另外在图片出现加载失败时，还能够让访客理解图片所阐述的内容

原创 关于文字的常用样式css

文字样式

原创 优秀的网站总是注重每一个细节 鼠标选中字体颜色

一个不是那么众所周知的技术就是我们可以在浏览器里美化被选择的文字的样式。Windows自身提供的是一种很难看的墨绿色的颜色，而苹果电脑上提供的是浅绿色。火狐浏览器，IE9，Opera和谷歌浏览器允许我们自定义被选择文字的颜色。让我来展示给你看：

原创 内联标签和块级标签

display:inline; 内联元素，简单来说就是在同一行显示。display:block; 块级元素，简单来说就是就是有换行，会换到第二行。display:inline-block; 就是在同一行内的块级元素。说概念太模糊，来个真实案例吧。链接一链接一A默认就是一行，所以inline用在这里是废的。宽高度设置也是费的。链接一链接一

原创 关于target=标签

_blank -- 在新窗口中打开链接 _parent -- 在父窗体中打开链接 _self -- 在当前窗体打开链接,此为默认值 _top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页) 一个对应的框架页的名称 -- 在对应框架页中打开

转载 关于背景图background-image

/*背景图边距问题-在CSS中，背景图片的定位方位有3种：*/1）关键字：background-position: top right;2）像素：background-position: 0px 0px;3）百分比：background-position: 0% 0%;/*背景图与元素大小设置-background-size:cover  (背景图无论多大显示在元素内)*/

转载 关于visibility和display的区别

display:（可能的值）none 此元素不会被显示。block 此元素将显示为块级元素，此元素前后会带有换行符。inline 默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block 行内块元素。（CSS2.1 新增的值）list-item 此元素会作为列表显示。run-in 此元素会根据上下文作为块级元素或内联元素显示。compact

原创 关于overflow:hidden

overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢？我们下面来详细的阐述一下。 这是一个常用的div写法，下面我们来书写样

原创 HTML分别调用CSS和JS的方法

原创 CSS透明度代码

// CSS透明度代码：filter:alpha(opacity=70); /*IE滤镜，透明度70%*/-moz-opacity:0.7; /*Firefox私有，透明度70%*/opacity:0.7;/*其他，透明度70%*/}文章来源[http://blog.sina.com.cn/s/blog_1378587330102viny.html]

原创 CSS命名规范

CSS命名规则　　头：header　　内容：content/containe　　尾：footer　　导航：nav　　侧栏：sidebar　　栏目：column　　页面外围控制整体布局宽度：wrapper　　左右中：left right center　　登录条：loginbar