随笔分类 -  HTML OR CSS

列表
摘要：无序列表 有序列表 自定义列表(详情见自定义列表的四种用法) 阅读全文
posted @ 2015-11-13 19:54 飞鱼1111111111 阅读(114) 评论(0) 推荐(0)
表格标签
摘要：-表格的总标签-表格的单元行-表格的单元列（单元格）单元格专用border-spacing:0;边框的间距为0；border-collapse:collapse;边框叠加：叠加；-表头单元格-强制换行标签（属于特殊方式闭合的标签）一般只对添加样式,一般不写样式 阅读全文
posted @ 2015-11-13 19:35 飞鱼1111111111 阅读(152) 评论(0) 推荐(0)
伪类
摘要：伪类-元素的特殊状态（一般为动态状态，在获得一个状态的同时，将失去另一个状态。）后来扩展为，逻辑上存在，但是在DOM中无需标示的分类。标签专属的四个伪类:link-未访问状态（默认状态）:visited-已访问状态:hover-鼠标悬停状态:active-鼠标按下状态（按下以后，没有松开鼠标的状态）... 阅读全文
posted @ 2015-11-13 19:13 飞鱼1111111111 阅读(147) 评论(0) 推荐(0)
定位-position
摘要：当元素发生重叠的时候需要用到定位。position的值：absolute绝对定位fixed：固定定位Relative：相对定位1、设置了position之后，元素的位置并没有发生变化，但是元素飞起来了，（不存在垂直方向外边距合并的问题了）2、要发生位置的变化，需要设置top/right/bottom... 阅读全文
posted @ 2015-11-10 16:36 飞鱼1111111111 阅读(145) 评论(0) 推荐(0)
html小知识点备忘录
摘要：1.去小黑点li{list-style:none;}2.内联元素加margin/padding上下无效。3.圆角样式：border-radius：XXpx;当有圆角的半径是正方形的长度的一般的时候，画出来的是圆。4./到内部不能嵌套块元素（W3C规定）5、class="cur" cur:默认显示的a... 阅读全文
posted @ 2015-11-09 17:48 飞鱼1111111111 阅读(145) 评论(0) 推荐(0)
form表单
摘要：表单系列的标签及其属性-有7种变身方式。作用是，收集用户信息。该元素属于可置换（设置宽高有效）的内联元素（同相同）。通过type=””属性，可以变身。-表单（创建一个HTML表单）-标注（给单选框/复选框添加标注内容）中间不能加入其它标签-文本域===========================... 阅读全文
posted @ 2015-11-09 17:47 飞鱼1111111111 阅读(232) 评论(0) 推荐(0)
雪碧图
摘要：1、量尺寸：PS中，在第一张图中，画第一个DIV规定大小的矩形，对png图片进行复制，对复制的图层，Ctrl+T，尺寸归零以后，移动距离。将所需要的icon移动到第一个矩形所画的框中，移动的X和Y的值就是雪碧图background-position所需要移动的位置。2、直接在浏览器中，按F12调试，... 阅读全文
posted @ 2015-11-05 17:17 飞鱼1111111111 阅读(162) 评论(0) 推荐(0)
盒子模型
摘要：盒子模型：实际尺寸+padding+border+margin。一个元素（块元素）在页面中，所占据的实际区域，水平方向分别由7个部分组成。按从左往右的顺序，分别是：左外边距，左边框，左内边距，实际区域，右内边距，右边框，右外边距。按从上往下的顺序，分别是：上外边距，上边框，上内边距，实际区域，下内边... 阅读全文
posted @ 2015-11-05 16:33 飞鱼1111111111
垂直方向外边距合并(不浮动状态下)
摘要：1、当父元素的样式中没有边框是，子元素的上下外边距将直接变为父元素的外边距。实际上是子元素的边距超出了父元素的范围。解决方法：1、给父元素添加与背景颜色相同的边框；2、子元素的外边距换成父元素的内边距（padding）（推荐方法）。3、给父级或者子级加float，脱离文档；;4、给父级加overfl... 阅读全文
posted @ 2015-11-04 17:14 飞鱼1111111111 阅读(171) 评论(0) 推荐(0)
CSS样式
摘要：1、边框边框的标准写法边框:线型 粗细 颜色（非必要值）线型的值我们一般用到的有三种：solid（实体的） dotted（点状）dashed(蚂蚁线 虚线)border可以分为border-top, border-left, border-right ,border-bottom2、外边距（对所有块... 阅读全文
posted @ 2015-11-03 18:24 飞鱼1111111111
html中的浮动
摘要：浮动的原理：1、浮动的元素脱离文档流，不占据正常的文档流的空间，原来被占据的空间，被仍然在文档流中的元素自动填补。2、浮动元素的定位，基于正常文档流。元素脱离文档流之后的规则：1、浮动元素失去了独占一整行的特征。2、浮动元素若是不设置宽高，其宽高都随内容而定。3、浮动会自动将内联元素转换为块元素（特... 阅读全文
posted @ 2015-11-03 17:42 飞鱼1111111111 阅读(348) 评论(0) 推荐(0)
Html中元素的分类
摘要：元素可以分为两种1、块级元素：用来布局，搭建框架2、内联元素：承载内容，修饰细节两者区别1、块元素独占一整行，在父元素限定的范围内；内联元素水平排，直到排不下，自动换行排列（这是两者之间最重要的区别）2、块元素加宽高有效，内联元素的宽高无效3、块元素不设宽度会自动撑满，内联元素的宽度随内容而定4、块... 阅读全文
posted @ 2015-11-03 17:41 飞鱼1111111111 阅读(145) 评论(0) 推荐(0)
前端标签命名规范
摘要：编码1. 必须有DOCTYPE2. 必须指定字符编码，如utf-8，gb23123. 页面中必须包含一个title元素，内容少于60字，包含网站名字和页面主题框架标签（强制使用所列出的命名）5. 页面至少且只能有一个h1，h1一般用在网站logo，从h2开始，每个hn前面至少有一个h(n-1)6. ... 阅读全文
posted @ 2015-11-03 17:31 飞鱼1111111111 阅读(250) 评论(0) 推荐(0)
meta详解
摘要：utf-8 网页编码格式网页的宽度默认等于屏幕宽度。原始的缩放比例initial-scale=1 阅读全文
posted @ 2015-11-02 16:35 飞鱼1111111111 阅读(145) 评论(0) 推荐(0)
拥有特殊闭合标签的标签
摘要： 阅读全文
posted @ 2015-11-02 16:24 飞鱼1111111111 阅读(103) 评论(0) 推荐(0)
CSS的嵌套方法
摘要：1、行内嵌套：在行业中不常用，主要用来调试样式2、头部嵌套：3、外部嵌套： 阅读全文
posted @ 2015-11-02 16:23 飞鱼1111111111 阅读(1519) 评论(0) 推荐(0)
html标签
摘要：Em相对单位，在没有CSS规定的情况下，html默认1em=16px;声明标签，告诉浏览器文档所使用的规范是什么，没有结束标签，一个文档只能有一个。html（HyperTextMarkupLauguage）的总标签，告诉浏览器这个文档就是html文档，并且每个页面只能有一个。提供页面的相关信息，详情... 阅读全文
posted @ 2015-11-02 15:44 飞鱼1111111111 阅读(186) 评论(0) 推荐(0)
W3C标准
摘要：1、标签字母必须是小写2、标签必须有结束标签3、属性的值必须用双引号包起来4、所有出现的字符必须为英文字符5、元素（标签+标签内所包含的的超文本内容）6、文档流：将浏览器自上而下分成一行一行，在每一行中，按照从左往右的顺序排列元素就叫文档流。 阅读全文
posted @ 2015-11-02 15:43 飞鱼1111111111 阅读(121) 评论(0) 推荐(0)