weixin_44580880的博客

原创 css中径向渐变和过渡

原创 CSS3新增标签及属性

以浏览器窗口为导向标，没有父级的概念父级移动但子级不会移动，相对于浏览器是固定的posation:fixed和div类似，只是这些新标签有语义，标签多元化，层次分明，划分网页eg:<pre>a= 123</pre>结果：a= 123canvas 画布，做特效：定义单独的区域做动画...

原创 相对定位和绝对定位

position:relative 将子元素的参考系变成它自己子绝父相只有浮动和绝对定位，才会脱离正常文档流clear:both；消除浮动over-flow:hidden 解决塌陷问题使用margin 会出现塌陷问题，解决方法，单独用div设置如下参数margin:auto 水平居中margin:1px 20...

原创 盒子模型和背景设置

rgba最后一个参数表示透明度注：前三个统一使用，缺一不可border-style:dobule 双实线border-dashed;虚线当weig...

原创 CSS复合选择器

并集选择器，是针对几个不同的标签要应用相同的样式*代表所有html中标签类型消除内容与边框的距离（从构，从会）优先级：!important>行内样式>id选择器>类选择器>标签选择器>通配符>继承>浏览器默认CSS的三大特性：层叠性、继承性、优先级...

原创 CSS选择器

dir="rtl",居于div的右边，且文本结束时的那个标点符号会提前line-height: 3 行高（以字体尺寸为标准）行间距：行高*16line-height:30pxline-height:100%-------转换成数字就是：line-height:1文字垂直水平居中：只呈现一行文字时，line-height设置的数值必须和he...

原创 CSS层叠样式表

css用法：div是标签选择器，选择所有标签名为div的内容div{}class="box"标签选择器，.box(.类名){}id="id1"id选择器，#id1 (#id名){}list-style:none;CSS特性：优先级：id选择器最高，其次是class选择器，最后是标签选择器提升优先级：！important能将优先级提升到最高（但要...

原创 HTML标签及常见属性（二）

相对路径：是相对于本文件去寻找其他文件绝对路径：Hbuild会自动在路径前面加上file,所以运行时要从文件夹下通过打开方式去调试，不然就会出现文件路径不对的错误路径中用/或者\都可以ul>li*6----Tab键，就可以创建出6个列表项目h${内容$}*4---Tab键， 就能打出h1-h4<ul>标签里只能嵌套...

原创 HTML标签及常见属性

body主体里一般会存在的内容：图片，文字，超链接，音频，视频，date-info="123" :此属性属于自定义的属性，属性名和值都可随意定属性有自定义属性和通用属性（全局属性：每个标签都能去使用）两种属性id是唯一标识，不可重复（例如：身份证号码）属性class可以重复（例如：名字）div占据当前父级元素的一整行di...

原创 清除浮动常用的三种方法

1.在浮动元素之后添加一个空的div标签，设置clear:both 在浮动元素之后添加一个空的div,并设置该div的宽度和高度为0,clear为both, 清除浮动,此时浮动元素回到正常文档流,且会占据正常文档流的位置,它之后的div 会依次排列在后面&lt;style type="text/css"&gt; /*在浮动元素之后添...

原创 css中内联元素（行内元素）的特点及常见的内联元素

1.什么是内联元素？内联元素有很多种叫法，如内联元素、内嵌元素、行内元素、直进式元素等，和块级元素对应。内联元素和它的兄弟元素之间一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。2.内联元素的特点（1）和其他兄弟元素同在一行，不用另起一行（2）宽高以及到顶部和底部的边距都不可以设置（3）宽度受内容挤压，即它的宽度就是它内容的宽度（4）只能容纳内联元素和文本...

原创 css中块级元素特点及常见的块级元素

1.什么是块级元素？w3c定义：块级元素（block）是独占一行，它的兄弟元素不会与其占同一行，都是另起一行显示。（当然脱离了正常文档流的情况除外）2.块级元素(block元素)的特点 (1)总是从新行上开始（2）可以对它设置宽高和内外边距（3）若是不给它设置宽度，则宽度默认是它容器（父级元素）的100%（4）可以容纳其他块级元素和行内元素（内联元素）3....

原创 使用hover给div加边框，出现div晃动和页面布局发生混乱的解决办法

**使用hover给div加边框，出现div晃动和页面布局发生混乱的原因：因为给div设置的border的宽度，使得div的宽度增加，撑开了其他的div解决办法：(1)在给div设置hover前，给它设置一个边框占位，颜色设为透明，如：div {border:1px solid transparent;},然后再给div设置hover,div:hover { border:1px sol...

原创 认识HTML5开发

学习笔记*认识HTML5开发*1.什么是HTML?W3C: World Wide Web Consortium，万维网联盟指定的一系列标准，其中就包括HTML标签的规则。HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。 HTML是用来描述网页的一种语言。（1）HTML指的是超文本标记语言（Hyper Text Markup Lang...