HTML&CSS
冯小东
这个作者很懒,什么都没留下…
展开
-
HTML&CSS中修改非块级元素宽高的三种方法
1.哪些元素默认可以修改宽高? 1、块级元素(display:block)都可以设置 div,p,h1,h6,ul,ol,li,dl,dt,dd 2、存在width,height属性的html元素 img,table,input ex:图原创 2016-10-09 01:21:26 · 4491 阅读 · 0 评论 -
js获取url链接参数
一个简单的函数:function GetUrlParam(paraName) { var url = window.location.href; var arrObj = url.split("?"); if (arrObj.length > 1) { var arrPara = arrObj[1].split("&"); var...原创 2018-08-16 18:11:23 · 757 阅读 · 0 评论 -
CSS弹性布局
CSS3弹性伸缩布局简介2009年,W3C提出了一种崭新的方案----Flex布局(即弹性伸缩布局),它可以简便、完整、响应式地实现各种页面布局,包括一直让人很头疼的垂直水平居中也变得很简单地就迎刃而解了。但是这个布局方式还处于W3C的草案阶段,并且它还分为旧版本、新版本以及混合过渡版本三种不同的编码方式。其中混合过渡版本主要是针对IE10做了兼容。目前flex布局用得比较多的还是在移动端的布局,...转载 2018-05-29 17:08:32 · 4625 阅读 · 1 评论 -
offsetHeight,clientHeight,scrollHeight,offsetY等属性的理解
el.offsetHeight = height + padding + border(滚动条是在边框内的,自然也包括在内)el.clientHeight = 可视化看到的高度 (就是content的高度)el.scrollHeight = 整个元素的高度 ( 包括了clientHeight看不到的那部分,一般就是你css设置的元素高度)el.offsetTop = 子元素的外边框到父元素的内边框...转载 2018-03-15 09:58:00 · 530 阅读 · 0 评论 -
关于前端页面在IE浏览器下无法显示的问题
由于框架的发展和技术的革新,很多语言必须兼容浏览器才能很好的显示出新的特性和样式,那么我们的前端页面如果在IE浏览器下无法显示时该用什么办法提示用户(提示用户升级浏览器)???最实用的办法就是加上判断浏览器是不是IE浏览器的语法: <!––[if IE]>然后如果是IE浏览器就会进入该语法内执行相关语句,IE浏览器存在很多个版本,IE5,IE6,IE7,IE8.原创 2017-08-02 17:59:09 · 5982 阅读 · 0 评论 -
关于CSS媒体查询--电脑尺寸大全
PC端按屏幕宽度大小排序(主流的用橙色标明)分辨率 比例 | 设备尺寸1024*500 (8.9寸)1024*768 (比例4:3 | 10.4寸、12.1寸、14.1寸、15寸; )1280*800(16:10 |15.4寸)1280*1024(比例:5:4 | 14.1寸、15.0寸)1280*854(比例:15:10 | 15原创 2017-07-17 15:11:34 · 8830 阅读 · 0 评论 -
CSS中的渐变效果
1.渐变的含义与组成含义:两种或多种颜色之间平滑过渡的效果组成:由色标来组成色标:1、颜色2、颜色出现的位置2.渐变的属性和取值1、属性 background-image 取值: 1、linear-gradient()原创 2016-10-08 01:52:45 · 3310 阅读 · 0 评论 -
浅谈CSS框模型
1.什么是框模型Box Model(框模型,盒模型,盒子模型)简单来说就是定义了元素框处理元素内容(尺寸),内边距,边框和外边距的方式下面这张图是百度上搜索来的图片,在这里引用一下:如图所示:width 和 height 指内容区域的宽度和高度 增加了内边距,外边距,边框不会影响内容区域的尺寸,但是会影响元素原创 2016-10-07 13:49:55 · 562 阅读 · 0 评论 -
前端HTML<form>表单的属性和使用
1.表单的作用表单用于显示、收集信息,并将信息提交给服务器2.表单的元素1、语法 允许出现表单控件 2、属性 1、action 定义表单被提交时发生的动作原创 2016-10-06 01:09:50 · 20384 阅读 · 1 评论 -
前端HTML<img>标签图像的属性和使用/图像img与背景background的区别
1.图像的URL1、URL 1、目录结构 目录:文件夹名称,保存网页内容的文件夹 2、URL URL(Uniform Resource Locator)统一资源定位器,俗称 路径,用来表示 网络资源的地址 资源:图片,音频,视频,文件等...原创 2016-10-06 00:29:07 · 16172 阅读 · 0 评论 -
前端HTML列表<ol> <ul> <dl>标签的属性和使用
1. 什么是列表&作用将具有相似特征或先后顺序的内容按照从上到下的顺序排列起来2.列表的分类列表是由 列表类型 和 列表项 组成的 列表类型: 有序列表 无序列表自定义列表 列表项: 表示具体的列表中的内容 3.原创 2016-10-05 17:42:02 · 18103 阅读 · 0 评论 -
前端HTML<table>标签的属性和使用
1.什么是表格&表格的作用什么是表格:由一些 被称之为 单元格的矩形框 按照从左到右从上到下的顺序排列到一起组成的表格的作用:以一定的结构来显示信息的。 2.如何使用表格定义表格:创建表行:创建列(单元格): 注意:默认情况下,每行中的列数是统一的。table : display:table;特点:1、独占一行2、宽度自适应(原创 2016-10-05 16:10:20 · 42536 阅读 · 1 评论 -
十种CSS选择器
1.CSS选择器的规范规范了页面中哪些元素能够使用定义好的演示 目的:匹配页面元素 2.最基础的选择器--通用选择器语法: *{} 作用:匹配页面中的所有元素 ex: *{ font-size:12p原创 2016-10-10 00:39:23 · 684 阅读 · 0 评论 -
input输入框消除自动填充的黄色背景
在CSS样式里添加如下代码:input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color ...原创 2018-12-20 10:39:09 · 1053 阅读 · 0 评论