![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 65
fanlinqiang
这个作者很懒,什么都没留下…
展开
-
CSS核心属性
一、CSS属性组成和作用属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。二、CSS核心属性1、文本大小:{font-size:12px/14px/16px;}说明:1)属性值为数值型时,必须给属性值加单位,属性值为0时除外。2)单位还可以是pt,9pt=12px;转载 2017-08-02 08:37:08 · 806 阅读 · 0 评论 -
宽高自适应
一、宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。(1)宽度自适应 元素宽度设置为100%。(块元素宽度默认为100%)(2) 高度自适应元素{height:auto;}/高度不写转载 2017-08-03 22:00:40 · 1111 阅读 · 0 评论 -
CSS Sprites的原理(图片整合技术)(CSS精灵)/雪碧图
CSS Sprites的原理(图片整合技术)(CSS精灵)/雪碧图 一、将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的定位技术。二、图片整合的优势:1)通过图片整合来减少对服务器的请求次数,从而提高 页面的加载速度。2)通过整合图片来减小图片的体积。 2、CSS转载 2017-08-03 18:22:21 · 7802 阅读 · 0 评论 -
指定图片某块区域加超链接 (热点)
使用map标签可以给指定图片某块区域加超链接使用方法:1.为map标签首先加上一个id属性来为map标签定义一个唯一的名称2.为了保证兼容性再加上name属性,属性值和id的值相同注:img中的usemap属性可引用map中的id或name属性(由浏览器决定)所以需要添加id和name两个属性3.为map标签所作用的图片加上usemap属性,属性值为#id(map标签的id值或转载 2017-08-02 09:11:56 · 20034 阅读 · 0 评论 -
元素类型
一、XHTML元素分类根据css显示分类,XHTML元素被分为三种类型:块状元素,内联元素,可变元素 1.块状元素(block element) 1)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,t转载 2017-08-02 09:00:31 · 1064 阅读 · 0 评论 -
去除inline-block元素间间距的N种方法
去除inline-block元素间间距的N种方法一、现象描述真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子: 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:.space a { display: inli转载 2017-08-05 22:38:07 · 226 阅读 · 0 评论 -
定位属性
position 定位属性,检索对象的定位方式;一、语法:position:static /absolute/relative/fixed取值:1、static:默认值,无特殊定位,对象遵循HTML原则;2、absolute:绝对定位,将对象从文档流中拖离出来,使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位;如果不存在这样的父转载 2017-08-02 09:02:01 · 1615 阅读 · 0 评论 -
ps快捷键
一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具 【M】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 裁剪工具 【C】 切片工具、切片选择工具 【K】路径选择工具、直接选取工具 【A】 文字工具 【T】 吸管、颜色取样器、度量工具 【I】 抓手工具 【H】 缩放工具 【Z】 默转载 2017-08-05 12:17:58 · 344 阅读 · 0 评论 -
杂记
一、在写网页底部links的时候,一般不用p标签里直接加a标签 除非兼容ie6,一般使用ul来写二、img一般不单独放,外套盒子且盒子写宽高(避免因图片不“标准”时布局出错)三、 点击无刷新 点击,即刷新页面四、margin值一般情况下 上下重叠、左右相加五、a内的文本类型的颜色不继承父元素原创 2017-08-07 17:26:16 · 191 阅读 · 0 评论 -
谷歌控制台
1 、console.log 用于输出普通信息console.error 用于输出错误信息console.info 用于输出提示性信息console.warn 用于输出警示信息.2、console.count 用于输出执行次数console.group 用于让控制台输出的语句产生不同的层级嵌套关系conso转载 2017-08-31 19:38:49 · 265 阅读 · 0 评论 -
css控制单行文本溢出
1、溢出属性(容器的)overflow:visible/hidden(隐藏)/scroll/auto(自动)/inherit; visible:默认值,内容不会被修剪,会成现在元素框之外;hidden:内容会被修剪,并且其余内容是不可见的;scroll:内容会被修剪,但是浏览器会显示滚动条,以便查看其余的内容;auto:如果内容被修剪,则浏览器会显示滚动条,以便查看其他的内转载 2017-08-02 08:58:39 · 854 阅读 · 0 评论 -
CSS基础
1、css简介cascading style sheets 汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.01996年由w3C正式推出的css1.1998年由w3C正式推出的css2.用来表现XHTML或者XML等样式文件的计算机语言 。di转载 2017-08-02 08:32:56 · 369 阅读 · 0 评论 -
盒模型
一、 盒模型的概念和组成盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都以拥有可像盒子一样的外形和平面空间,即都包含边框、边界、补白、内容区,这就是盒模型。 1) padding的使用方法填充:padding,在设定页面中一个元素内容到元素的边缘(边框) 之间的距离。 也称补白。用法:1)用来调整子元素在父元素中的位置关系转载 2017-08-02 08:56:52 · 257 阅读 · 0 评论 -
css实现一行居中显示,两行靠左显示
Document div{width: 200px;height: 300px;margin: 50px auto;text-align: center;background: #ccc;} span{text-align: left;font-size: 20px;display: inline-block;vertical-align: middle;border:1px s原创 2017-08-07 22:23:55 · 4726 阅读 · 0 评论 -
CSS 外边距合并
CSS 外边距合并CSS 外边距CSS 定位概述外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。简单地说,外边距合并指的是,当两个垂直外边转载 2017-08-08 08:37:09 · 208 阅读 · 0 评论 -
BFC(块级格式化上下文)
渲染规则1.内部的box会在垂直方向,一个接一个的放置2.box垂直方向的距离由margin决定,属于同一个bfc的两个相邻box的margin会发生重叠3.每个元素的margin box的左边,与包含块border box的左边相接触(对于从做往右的格式化,否则相反)4.bfc的区域不会与float box重叠5.bfc就是页面上的一个隔离的独立容器,容器转载 2017-08-07 22:59:24 · 281 阅读 · 0 评论 -
前端基础面试题
转自:http://www.qdfuns.com/notes/40816/795e40bec4bcf47ca37f983ce62f1ea4.htmlHTML+CSS部分1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素?行内元素:和有他元素都在一行上,高度、行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者其他行内元素;其中img是行元素块级转载 2017-08-08 19:27:55 · 4755 阅读 · 0 评论 -
Reflow(回流)和Repaint(重绘) (转)
原文地址:http://blog.csdn.net/qq_18826911/article/details/68924255首先我们要明白的是,页面的显示过程分为以下几个阶段:1、生成DOM树(包括display:none的节点)2、在DOM树的基础上根据节点的集合属性(margin,padding,width,height等)生成render树(不包括display:no转载 2017-08-08 22:11:51 · 269 阅读 · 0 评论 -
认识hasLayout——IE浏览器css bug的一大罪恶根源 (转)
认识hasLayout——IE浏览器css bug的一大罪恶根源 转 什么是hasLayout?hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定转载 2017-08-02 08:22:46 · 229 阅读 · 0 评论 -
表格高级+样式表滤镜+图片高级
一、表格高级1、表格的作用:显示数据;(一)关于表格的CSS属性1、单元格间距(该属性必须给table添加)border-spacing:value;2、合并相邻单元格边框border-collapse:separate(边框分开)/collapse(边框合并);3、无内容单元格显示、隐藏empty-cells:show/hide; 4、表格布局算法ta转载 2017-08-03 18:16:17 · 398 阅读 · 0 评论 -
浏览器兼容
1.为什么会出现浏览器兼容问题?由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。2.关于浏览器1)主流浏览器Internet Explorer、 Safari、Mozilla Firefox转载 2017-08-03 21:52:11 · 917 阅读 · 0 评论 -
居中(整理)
一、在一个div里的div左右垂直居中 条件1:已知box1,box2宽高 条件2:已知box1宽高,box2宽高未知(即box2宽高是可变的) 通用method1: Document .box1{width: 500px;height: 500px;border: 1px solid red;text-align: center;}原创 2017-08-05 14:26:44 · 245 阅读 · 0 评论 -
网页制作技术
网页制作技术1、 XHTML+CSS 标记语言一、 WEB标准的概念及组成1)WEB标准是网页制作的标准,它不是一个标准,它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布,也有部分标准由ECMA起草发布。 W3C制定的结构和表现的标准;结构:(xhtml ,xml)表现:(css)ECMA制定的行为的标准;行为 (DOM ,ECMA转载 2017-08-02 08:28:21 · 3281 阅读 · 0 评论 -
git
git config --global user.name "flqbestboy" git config --global user.email "962358354@qq.com" git init git remote add origin git@git.oschina.net:flqbestboy/j原创 2017-09-02 09:59:18 · 282 阅读 · 0 评论