html+css
文章平均质量分 52
空白_回忆
1、做不想做的!做不能做的!做没做过的!想成长,必须学会改变!
2、解决一切问题的思路:把大的问题切分成一个个小问题,然后一个个完成。
3、赚更多的钱,看更美的风景,干更大的事儿,做更好的自己。
4、年轻,无所畏!
展开
-
如何让一个div中嵌套的div上下左右都居中
如何让一个div中嵌套的div上下左右都居中【有志网:woyouzhi.com!发现更好的自己!每天给你坚持下去的动力!】用CSS3里的translate()方法,具体如下:justify-content:center;align-items:center;display:-webkit-flex;实现代码:<!DOCTYPE html><html><head lang="en"> <m原创 2016-03-25 20:19:14 · 9888 阅读 · 0 评论 -
HTML元素、标签、属性的区别
很多人可能都没有把哪个叫标签,哪个叫元素这个概念搞清楚,包括之前的我也是,一直都是混淆着。 事实上两者之间的概念还是很清楚的: 比如这就是一个标签; 这里是内容这就是一个元素,也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容; 这里有一个值得注意的例外,即本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。 元素: HTML网页实际上就是由许许多多各种原创 2016-01-07 21:30:33 · 4717 阅读 · 0 评论 -
html中id和name的区别
二、什么情况下必须用name?1、表单元素(例如:form、input、textarea、select 、button 等)通常与表单提交有关,在表单的接收页面只接收有name的元素,赋id的元素通过表单是接收不到值的。2、表单元素复选框checkbox、单选按钮 radio 通常会对应多个控件,这时必须用name属性来实现分组。同一组使用同一个name。使两个题目的选项之间不产生干扰。3、框架元素原创 2016-01-07 21:29:45 · 435 阅读 · 0 评论 -
HTML文件和SHTML文件的区别
SHTML和HTML的区别,如果用一句话来解释就是:SHTML 不是HTML而是一种服务器 API,shtml是服务器动态产成的html. 虽然两者都是超文本格式,但shtml是一种用于SSI技术的文件。 也就是Server Side Include–SSI 服务器端包含指令。 如果Web Server有SSI功能的话(大多数(尤其是基于Unix平台)的WEB服务器如Netscape Enter原创 2016-01-07 21:29:08 · 1215 阅读 · 0 评论 -
text/html和text/plain的区别
1、text/html的意思是将文件的content-type设置为text/html的形式,浏览器在获取到这种文件时会自动调用html的解析器对文件进行相应的处理。2、text/plain的意思是将文件设置为纯文本的形式,浏览器在获取到这种文件时并不会对其进行处理。原创 2016-01-07 21:28:28 · 30806 阅读 · 0 评论 -
CSS手机端和电脑端定位注意事项
1、用相对定位,即relative的时候,定位可以用padding-left,padding-right, padding-top,padding-bottom或者margin来实现。 2、用绝对定位,即absolute的时候,定位可以用left,right,top,bottom来实现 3、元素的显示可以用display,属性可以是none,用以不显示,可以是inline-block,用以行内原创 2016-01-07 21:26:53 · 4558 阅读 · 0 评论 -
HTML元素分类及其特点
HTML元素分类及其特点html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、原创 2016-07-13 22:05:31 · 1018 阅读 · 0 评论 -
H5中viewport参数
H5中viewport参数viewport 语法介绍:01 <!-- html document -->02 <meta name="viewport"03 content="04 height = [pixel_value | device-height] ,05 width = [pixel_value | device-width ]原创 2016-07-13 22:09:20 · 2732 阅读 · 0 评论 -
H5截取当前网页
H5截取当前网页使用html2canvas工具,之后加入JS代码<script type="text/javascript" > //生成截图 $(document).ready( function(){ $("#div2_2").on("click", function(event) { //这里是点击事件按钮原创 2016-07-13 22:11:35 · 3385 阅读 · 0 评论 -
HTML文本框文字对齐方式(CSS vertical-align 属性)
HTML文本框文字对齐方式(CSS vertical-align 属性)1、baseline:默认。元素放置在父元素的基线上。2、sub:垂直对齐文本的下标。3、super:垂直对齐文本的上标4、top:把元素的顶端与行中最高元素的顶端对齐5、text-top:把元素的顶端与父元素字体的顶端对齐6、middle:把此元素放置在父元素的中部。7、bottom:把元素的顶端与行中最低的元素的顶端对齐8、原创 2016-07-13 22:14:12 · 21592 阅读 · 0 评论 -
audio标签的选取和JQ操作音乐的播放和停止
audio标签的选取和JQ操作音乐的播放和停止jQuery操作audio<audio id="audio" src="bg.mp3" autoplay="autoplay" loop="loop"></audio> var audio = $("#audio")[0]; audio.pause(); audio.play(); 获取audio需要[0],因为js操作获得的是a原创 2016-07-13 22:17:06 · 19139 阅读 · 3 评论 -
audio标签有的浏览器不支持音乐自动播放
audio标签有的浏览器不支持音乐自动播放H5中的audio标签有的IOS设备和安卓设备不支持自动播放,也就是不支持autoplay属性,并且,这些浏览器只支持用户click点击事件触发audio.play(),从而实现音频播放,但是,这些浏览器又会屏蔽其他事件对audio.play()事件的触发,比如自动点击(trigger(‘click’))触发audio.play()事件,这个事件会被浏览器屏原创 2016-07-14 10:11:05 · 8063 阅读 · 0 评论 -
css定位中绝对定位和相对定位的区别
1、相对定位的元素不会脱离文档流,占用文档流的空间,Left; Right; Top和Bottom属性与margin属性混合使用会产生累加效果。 2、绝对定位的元素脱离文档流,偏移不影响文档流中的其它元素,Left; Right; Top和Bottom属性与margin属性混合使用,偏移方向相同值累加,方向相反,margin属性值无效。 3、绝对定位的元素以最近的定位祖先元素为参照物。第一,不原创 2016-01-07 21:32:01 · 4042 阅读 · 1 评论 -
html中padding和margin的区别
css中padding和margin的区别margin 外边距border 边框padding 内边距也就是说 设置margin 那么他所占据的空白地方会是在边框外面设置padding 他所占据的空白地方是在边框里面原创 2016-01-07 21:33:00 · 1723 阅读 · 0 评论 -
CSS选择器详解
一、基本选择器 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info class选择器,匹配所有class属性中包含info的元素 4. #footer id选择器,匹配所有id属性等于footer的元素实例: * { margin:0; padding:0; } p { font-size:原创 2016-01-07 21:34:25 · 354 阅读 · 0 评论 -
如何实现网页点击左边的导航右边显示对应的页面?
**怎么实现点击左边的导航右边显示对应的页面?**肯定是先布局了,如果右侧是在网上有的页面,在左侧直接绑定连接就可以了,如果右侧是自己设计的页面,那左侧直接绑定自己设计的页面就可以了。(有志网:woyouzhi.com,每天励志一点点,每天给你坚持下去的动力!)<!DOCTYPE HTML><html> <head> <meta charset="gb2312" />原创 2016-03-05 23:04:29 · 33119 阅读 · 6 评论 -
CSS中如何实现表格文字的换行
**如何实现表格文字的换行**style=”word-break:break-all; word-wrap:break-word;”原创 2016-03-05 23:02:31 · 2040 阅读 · 0 评论 -
CSS设置字间距、行间距、首行缩进
**CSS设置字间距、行间距、首行缩进**字间距 1、text-indent设置抬头距离css缩进即对,对应div设置css样式text-indent : 20px; 缩进了20px 2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式即对对应div设置css属性样式为letter-spacing:8px;,字间距为8px 行间距 在CSS中,可以设置行间距,格式原创 2016-03-05 23:00:54 · 130761 阅读 · 0 评论 -
如何去除苹果浏览器的自带HTML标签样式
**如何去除苹果浏览器的自带HTML标签样式**去除苹果默认样式,只要在css里加上:-webkit-appearance:none;就可以了原创 2016-03-05 22:58:23 · 2817 阅读 · 0 评论 -
网页布局相关知识点整理
在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。块级元素原创 2016-01-07 21:39:47 · 627 阅读 · 0 评论 -
手机网站自适应屏幕大小方法总结1
手机网站自适应方法总结1、使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 首先解释该标签的含义: 如果你完全不了解这个标签的使用需要先百度一下。 解释:content中的“width” 这个width指的是什么宽度,我看过的文章对这个都没有解释的很清楚,有几个备选:虚拟窗口的原创 2016-03-05 22:56:59 · 2706 阅读 · 0 评论 -
html中size和maxlength的区别
maxlength=”5”,则input输入框中只能够输入5个字符 size=”5”,表示input输入框只显示5个可见的字符,但你可以输入’无数’多字符内容 即:size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度), 由于 size 属性是一个可视化的设计属性,我们应使用 CSS 中的width来代替它。原创 2016-01-07 21:36:07 · 2284 阅读 · 0 评论 -
手机网站自适应的方法2
手机网站自适应的方法2一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。<meta name="viewport" content="width=device-width, initial-scale=1" /> viewport的说明viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认原创 2016-07-13 18:51:19 · 1228 阅读 · 1 评论 -
手机网站自适应的方法2
手机网站自适应的方法2一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。<meta name="viewport" content="width=device-width, initial-scale=1" /> viewport的说明viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认原创 2016-07-13 18:51:43 · 343 阅读 · 0 评论 -
手机H5自适应布局
手机H5自适应布局注意:rem在使用的时候是为了保留设计稿原始的设计,是针对宽度的等比例缩放(因为不同的手机设备高度不同,宽高比不是固定的),也就是说设计稿的高度height是auto不设置的,当一个图片要占用整个屏幕的时候,width:100%,height:100%,这个时候高度相对于设计稿来说是被拉伸或者缩放的,这个时候只能用百分比来布局,等到只需要宽度width:100%,高度height:原创 2016-07-13 18:53:41 · 7710 阅读 · 3 评论 -
html注意事项
1、标签不区分大小写 2、属性可以用单引号和双引号也可以什么都不用,但是要用空格分割 3、任何回车和空格在源代码中都不起作用原创 2016-01-07 21:35:17 · 287 阅读 · 0 评论 -
jquery选择时,html标签的后代元素和子元素的区别详解
jquery选择时,html标签的后代元素和子元素的区别详解给大家推荐一个吸猫网站:爱猫族(http://15cat.com),希望大家喜欢(1)后代元素:html代码如下,那么在jquery选择时,$(".test img"),中间为空格,则是选取后代元素,img对于ul来说是孙子辈元素,中间隔了li元素,所以后代元素是指ul标签内的孙子辈、曾孙辈及以上元素。(2)子元素:html代...原创 2018-06-06 11:32:11 · 2041 阅读 · 0 评论