随笔分类 -  HTML

1 2 下一页
css 水平垂直居中
摘要：内联块元素方法 ! 可能会在水平方向会有一定的偏移量，《css世界》里面提到‘幽灵节点’，给父容器加了一个font size:0 解决 See the Pen 水平垂直居中display:inline block by flqbestboy (@fanlinqiang) on CodePen. 表格 阅读全文
posted @ 2019-06-05 19:40 fanlinqiang 阅读(375) 评论(0) 推荐(0)
CSS基础
摘要：1、css简介cascading style sheets 汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.01996年由w3C正式推出的css1.1998年由w3C正式推... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(147) 评论(0) 推荐(0)
认识hasLayout——IE浏览器css bug的一大罪恶根源 （转）
摘要：认识hasLayout——IE浏览器css bug的一大罪恶根源 转 什么是hasLayout？hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLa... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(183) 评论(0) 推荐(0)
表格高级+样式表滤镜+图片高级
摘要：一、表格高级1、表格的作用：显示数据;（一）关于表格的CSS属性1、单元格间距(该属性必须给table添加)border-spacing:value;2、合并相邻单元格边框border-collapse:separate(边框分开)/collapse(边框合并)；3、无内容单元格显示、隐藏empty... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(469) 评论(0) 推荐(0)
指定图片某块区域加超链接 (热点)
摘要：使用map标签可以给指定图片某块区域加超链接使用方法：1.为map标签首先加上一个id属性来为map标签定义一个唯一的名称2.为了保证兼容性再加上name属性，属性值和id的值相同注：img中的usemap属性可引用map中的id或name属性（由浏览器决定）所以需要添加id和name两个属性3.为... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(1130) 评论(0) 推荐(0)
元素类型
摘要：一、XHTML元素分类根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，可变元素1.块状元素（block element） 1）块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(990) 评论(0) 推荐(0)
盒模型
摘要：一、 盒模型的概念和组成盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都以拥有可像盒子一样的外形和平面空间，即都包含边框、边界、补白、内容区，这就是盒模型。 1） padding的使用方法填充：padding,在设定页面中一个元素内容到元素的边缘(边框... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(170) 评论(0) 推荐(0)
CSS 外边距合并
摘要：CSS 外边距合并CSS 外边距CSS 定位概述外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，外边距合并指的是... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(144) 评论(0) 推荐(0)
css实现一行居中显示，两行靠左显示
摘要：Document 测试本测试本测试本测试本本测试本本测试本本测试本 以下为测试代码： Document 测试本测试本测试本测试本本测试本本测试本本测试本 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(1698) 评论(0) 推荐(0)
去除inline-block元素间间距的N种方法
摘要：去除inline-block元素间间距的N种方法一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子： 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space a {... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(155) 评论(0) 推荐(0)
ps快捷键
摘要：一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具 【M】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 裁剪工具 【C】 切片工具、切片选择工具 【K】路径选择工具、直接选取工具 【A】 文字工具 【T】 吸管、颜色取样器、度量... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(188) 评论(0) 推荐(0)
浏览器兼容
摘要：百度百科：浏览器大战 https://baike.baidu.com/item/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%A4%A7%E6%88%98/8488119?fr=aladdin1.为什么会出现浏览器兼容问题？由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(281) 评论(0) 推荐(0)
网页制作技术
摘要：网页制作技术1、 XHTML+CSS 标记语言一、 WEB标准的概念及组成1）WEB标准是网页制作的标准，它不是一个标准，它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布，也有部分标准由ECMA起草发布。 W3C制定的结构和表现的标准;结构：(xhtml ,xml)表现：(... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(593) 评论(0) 推荐(0)
css控制单行文本溢出
摘要：1、溢出属性（容器的）overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit;visible:默认值，内容不会被修剪，会成现在元素框之外；hidden：内容会被修剪，并且其余内容是不可见的；scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(557) 评论(0) 推荐(0)
CSS核心属性
摘要：一、CSS属性组成和作用属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性属性值：属性值包括法定属性值及常见的数值加单位，如25px，或颜色值等。二、CSS核心属性1、文本大小：{font-size:12px/14px/16px;}说明：1）属性值为数值型时，必须给属性... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(389) 评论(0) 推荐(0)
杂记
摘要：一、在写网页底部links的时候，一般不用p标签里直接加a标签 除非兼容ie6，一般使用ul来写二、img一般不单独放，外套盒子且盒子写宽高（避免因图片不“标准”时布局出错）三、 点击无刷新 点击，即刷新页面四、margin值一般情况下 上下重叠、左右相加五... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(90) 评论(0) 推荐(0)
宽高自适应
摘要：一、宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。（1）宽度自适应 元素宽度设置为100%。（块元素宽度默认为1... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(495) 评论(0) 推荐(0)
CSS Sprites的原理（图片整合技术）(CSS精灵)/雪碧图
摘要：CSS Sprites的原理（图片整合技术）(CSS精灵)/雪碧图 一、将导航背景图片，按钮背景图片等有规则的合并成一张背景图，即将多张图片合为一张整图，然后用background-position”来实现背景图片的定位技术。二、图片整合的优势：1）通过图片整合来减少对服务器的请求次数，从而提高 页... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(380) 评论(0) 推荐(0)
定位属性
摘要：position 定位属性，检索对象的定位方式；一、语法：position：static /absolute/relative/fixed取值：1、static：默认值，无特殊定位，对象遵循HTML原则；2、absolute：绝对定位，将对象从文档流中拖离出来，使用left/right/top/bo... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(350) 评论(0) 推荐(0)
谷歌控制台
摘要：1 、console.log 用于输出普通信息console.error 用于输出错误信息console.info 用于输出提示性信息console.warn 用于输出警示信息.2、console.count 用于输出执行次数console.group 用于让控制台输出的... 阅读全文
posted @ 2017-10-27 08:46 fanlinqiang 阅读(171) 评论(0) 推荐(0)

1 2 下一页