55字星的个人资料 - RAT

55字星 55字星

10年老股民，诚交各位股民朋友

关注数: 7 粉丝数: 246 发帖数: 66 关注贴吧数: 31

谁知道一站网是干什么的，是关于物流行业的吗？

有在广州的曼城球友么，你们平时有在哪里踢球的~~~ 求回帖

禁止浏览器自动保存密码弹框浏览器会提供自动保存密码功能，在输入了用户名和密码的情况下，单击了浏览器提供的保存密码。而当问另外一个页面的时候，因为存在一个type=password的input，在谷歌浏览器中，却在这里把我刚刚保存的用户名和密码显示出来，对此的解决方法，是因为type=password引起的，保存了密码之后，进入另一个页面的时候，如果有type=password，浏览器会寻找与它临近的input type=text，将用户名填上。由此，解决方法有：仍然使用type=password，只是增加了fake input control，即在此之前加上。输入信用卡CVV Code的区域，因为是CVV Code，所以设置成了type=password，但这样的话，我单击下一步，IE、Chrome、FireFox都弹出了自动保存密码的对话框，这里并不是密码，却有提示，很不友好，对此解决方法，使用type=text，当用户输入密码的时候进行编码，即转换成小圆点，这里写了一段代码，首先是两个控件，hidden的控件用于提交表单

HTML5的画布功能创建画布 <canvas id="" width="" height="" style="">你的浏览器不支持canvas元素</canvas> 获取元素，并设置绘图环境 var canvas =document.getElementById(ID); var context =canvas.getContext("2d"); 基本绘制先设置样式，再绘制路径，最后填充。线条 context.lineCap ="round"; // 线条两端的样式 context.lineWidth ="1"; // 线条的粗细 context.lineJoin ="round"; // 波折线相接处的样式 context.strokeStyle ="green"; context.moveTo(10,10); context.lineTo(50,50); context.arcTo(100,50,100,100,,50); // 绘制圆弧（注意陷阱）：起点和终点应在一条直线上，然后设置半径让起点向先前设置的点靠拢，达到圆弧的效果 context.stroke(); [实例用arcTo绘制圆弧]

html5横、竖屏状态以及禁止横屏 <meta name="screen-orientation" content="portrait"> <meta name="x5-orientation" content="portrait">

html5横、竖屏状态以及禁止横屏 <meta name="screen-orientation" content="portrait"> <meta name="x5-orientation" content="portrait">

HTML5中，section元素详解，还有和article的区别 section元素是对页面文档那个结构进行划分的最基本也是最主要的结构元素，主要用来对网站或应用程序中的页面上的内容进行层次结构上的划分。一个section元素通常由内容及标题组成。从一定程度上article就是特殊的section,只是article这个元素比section更具备独立性，这种独立性是相对其并列元素，和而言的，如果和并列元素一起组成一个整体，就不能称为独立，如果如并列元素互不影响的。

transform元素详解，个人经验而已 transform-origin属性允许你改变换元素属性 webkit内核的浏览器在渲染的速度上，和效果展示是最好的，主要有几款百度，谷歌，safari浏览器，能够展现出css3强大的渲染效果 moz内核（火狐）渲染速度比较慢，优势在于其是标准的浏览器代码规范性高 ie8是标准模式，不过在2D的渲染效果上略差，不过在市场上的占有率略高，不过在ie9和ie10上得到很好的修补 3D的旋转效果transform-origin 伸缩动画效果transition content属性与：before及：after伪元素配合使用，来插入生成内容可以利用CSS3的伪类before和after来快速构造两个相同的字母，然后利用transform属性的rotateX，rotateY，rotateZ来翻转，再利用skew来时倾斜 text-shadow:5px 5px 5px #ffoooo; text-shadow: h-shadow v-shadow blur color h-shadow 必需。水平阴影的位置。允许负值 v-shadow 必需。垂直阴影的位置。允许负值 blur 可选。模糊的距离 color 可选。阴影的颜色

CSS里的各种水平垂直居中基础写法一、概念介绍一下行内元素和块级元素，这个很重要，因为有的属性只能用于块元素，而有的正好相反，在一定的情况下，它们也可以相互转换，比如用display来进行设置。行内元素(又叫内联元素inline element): 　　①不占据一整行，随内容而定，有以下特点：　　②不可以设置宽高，也不可以设置行高，其宽度随着内容增加，高度随字体大小而改变。　　③内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用。　　④也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用。　　常用的内联元素有：　　a - 锚点，b - 粗体(不推荐)，br - 换行，em - 强调，font - 字体设定(不推荐)，i - 斜体，img - 图片，input - 输入框，label - 表格标签，select - 项目选择，small - 小字体文本，span - 常用内联容器，定义文本内区块，strike - 中划线，strong - 粗体强调块级元素block element：　　①总是在新行上开始，占据一整行; 　　②高度，行高以及外边距和内边距都可控制; 　　③宽带始终是与浏览器宽度一样，与内容无关; 　　④它可以容纳内联元素和其他块元素。　　常用的块级元素有：　　div -最常用的块级元素，dl - 和dt dd搭配使用的块级元素，form - 交互表单，h1 - 大标题，hr - 水平分隔线，ol - 排序表单，p - 段落，ul - 非排序列表二、转换互相转换：使用display设置可以使得行内元素拥有块级元素的特性，反之也可以。 display: table-cell ，能把元素当作表格单元来显示，这个非常实用，显示效果也很好，只可惜某些浏览器不够兼容。要注意，和一个合法的<td>元素必须在<table>里一样，display: table-cell 元素必须作为 display: table 的元素的子元素出现。三、几种基础居中方式 1.块中文字水平居中：text-align 用于块级元素，作用在使用它的块元素中的文字或者图片上。使得它们在水平方向上居中。　　这个属性只能作用于块元素(或者被CSS控制为块元素的内联元素，但是被控制为内联元素的块元素是不行的)。一句话来说，就是要拥有块元素的特点的那些元素。这个很好理解，居中，肯定是行居中，如果使用它的元素本身不拥有完整的在宽度上的独立空间，它当然没有能力让它内部的文字或者图片居中。(难道要占用别人的地盘里居中，岂不混乱啦)

相对定位和绝对定位的详解对于定位而言，只有父类采取了相对定位的设置，子类才能很好地使用绝对定位的设置另外关于背景的定位，使用元素background-position:top left; 相对定位定位元素是相对于原来没设置过的普通流的元素时来定位的，是相对于排在他之前的子元素而言的绝对定位的子元素的位置是相对于父级元素的初始位置而言的，跟其他的子元素没有关系标准模式是相对于html父级元素来说的另外，绝对定位时，如果父级元素中添加一个相对定位position：relative那么在设置子元素的绝对定位时，子元素就已此为开始设置的参照位置（参照物）另外对于position定位元素，绝对定位方式有两种absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

关于h1等标签对于SEO和符合W3C标准对于H标签合理使用能对优化有很好的作用，那么H1,H2标签到底有多重要，怎么用，在什么地方使用，下面我围绕h1h2标签展开，说下我对H标签优化中标签的看法。我们首先要明白h1,h2是什么。在HTML语言中有h1到h6定义标题头的六个不同文字大小的TAGES。本质是为了呈现内容结构，共有六种标签，文字从大到小，权重依此反而降低。也就是说H1>H2>H3，依此类推。他在优化中也是起着，呈现内容结构的一个作用，这样分配的好处把网页整个结构由主到次区分开来，搜索引擎抓取网页的时候就会按着这样的顺序进行抓取索引。但是我们并不是H1到H6都是经常使用的，我们经常使用的只是H1到H3，H4也时常会用到，作为突出网站的关键词，当然你可以选用加粗，也足以突出关键词。 h1,h2标签可以在任何地方使用，任何你觉得可以凸显网页内容主次的地方进行使用。我们举个例子，网站的首页。通常来说网站的首页最主要的地方就是网站的名称，因为网站的主题是围绕网站名称来进行建造的。所以按照标签的级别，我们理所应当的应该把H1标签用在网站最核心的内容上。当然也有例外，比如说网站是一个门户站，例如网站名称是新浪。但我们思路仍然可以套用，把H1定义在最核心的内容上。其次对于H2我们要进行一定的晒选，我们并不需要把所有栏目都加上H2标签，但加上也无伤大雅。那么我们要在什么地方加上H2标签呢？首页的核心内容已经固定，就剩下导航栏目，还有一些其他调用的栏目了。网站导航栏目有很多连接指向他，并且是长期固定不变的，必然权重不会低，所以我们可以把这个H2标签的机会用在那些不是导航，又在首页调用的栏目上。然后就是H3，我们稍加安排就好。对于网站栏目页还有内页，其实也是一个道理，在HEADER标签上我们可以把网站的任何一个页面当作一个内页去做。让他结构清晰，呈现内容结构即可，思路是一样的。栏目页我们可以把栏目设定为H1，因为对于栏目页来说，栏目名称是最为核心的，其次是栏目侧边的，我们可以设定为H2，最后是栏目的列表，我们用H3。内页也是同理，核心内容用H1，侧边栏目可以用H2，内容连接用H3。这里还有一点是要提醒大家的，在h1,h2标签中出现关键词是有利于优化的，但是大家思考过程中，不要可以的去出现关键词，以免泛滥，并且思维要开阔标签是可以使用在任何地方的，对于某个字，某个词，某句话。不要局限于在特定位置。简单地可以这样理解核心内容用H1，侧边栏目可以用H2，内容连接用H3。

CSS3边框属性border的极致应用 border-left:20px transparent dotted; border-top:20px green solid; border-right:20px transparent dotted; border-bottom:20px orange solid; width:0px; height:0px; overflow:hidden; 注意：transparent是用来透明的，并且要设置的线条的样式为dotted(点线)。宽高为0，就会只显示边框部分，然后用overflow来将多余部分截取掉，剩下的就是斜角内容了。斜角的组合规律如下： border-left和border-top组成从左上到右下的斜线 border-right和border-top组成从右上到左下的斜线 border-right和border-bottom组成从右下到左上的斜线 border-left和border-bottom组成从左下到右上的斜线

用div+css模拟表格对角线有时在插入文档时，要用到表格对角线，常见的作法是用图片的方式来处理，还有就是用vml来画对角线，能不能用html+css方式来实现呢？答案是肯定的，下面我们来摸拟一个表格对角线。原理：用边框线来摸拟斜线，我们知道，如果将一个DIV的边框线设置得足够宽并定义了不同的颜色时，其相邻的两条边框线交界处就是斜线。知道了这个原理，我们就可以用border-left和border-top来模拟出斜线的效果。我们先创建一个结构： <div class="out"> <b>类别</b> <em>姓名</em> </div> 我们用<div class="out">作为对角线的容器，我们来设置斜线样式，关键代码如下： .out{ border-top:40px #D6D3D6 solid;/*上边框宽度等于表格第一行行高*/ width:0px;/*让容器宽度为0*/ height:0px;/*让容器高度为0*/ border-left:80px #BDBABD solid;/*左边框宽度等于表格第一行第一格宽度*/ position:relative;/*让里面的两个子容器绝对定位*/ } <b>和<em>两个标签来设置两个分类，分别将它们设置为块状结构display:block;清除其默认的字体样式font-style:normal；因其父容器设置了相对定位，所以设置其为绝对定位，这样可以将它偏移到你想指定的位置了。 b{font-style:normal;display:block;position:absolute;top:-40px;left:-40px;width:35px;} em{font-style:normal;display:block;position:absolute;top:-25px;left:-70px;width:55x;} 这样一个斜线对角线就模拟出来了。知道了原理，你可以变成很多有趣的东西出来，祝你好运！这种对角线模拟法也有缺点：宽高度必须是已知的

1 下一页