随笔分类 -  html与css

html5学习笔记——如何实现拖拽上传
摘要：如何实现拖拽？ 1、为要实现拖拽的元素添加属性 draggable="ture" 2、js拖拽相关事件 被拖拽元素事件： ondragstart 拖拽开始的时触发 (触发一次) ondrag 连续触发拖拽事件 ondragend 拖拽结束触发 (触发一次) 拖拽进入的目标元素的事件： ondrage 阅读全文
posted @ 2019-09-08 17:55 Olina_Chenry 阅读(629) 评论(0) 推荐(0)
为什么table布局在逐渐被淘汰？
摘要：语义化标签 因为搜索引擎看不见视觉效果，只能通过代码标签来判断内容的语义，如果能用更语义的标签，可以提升搜索引擎优化(SEO)的效果。和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重； 正如html诞生时的初衷那样，各个标签的本义就是希望能在特定的地 阅读全文
posted @ 2019-09-04 10:54 Olina_Chenry 阅读(881) 评论(0) 推荐(0)
如何实现响应式布局
摘要：一、响应式布局概念： Responsive design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 响应式与自适应的区别： 响应式布局：不管用户使用的是什么设备都是在服务器把数据推送到浏览器后，脚本或CSS自行侦测屏幕大小后 阅读全文
posted @ 2019-09-03 18:06 Olina_Chenry 阅读(2116) 评论(0) 推荐(0)
css基础布局复习笔记（三）选择器
摘要：目前主要有四类选择器：组合选择器、伪类选择器、结构性伪类选择器、伪元素选择器。每类选择器的具体用法如下： 一、组合选择器 组合选择器优先级： 继承的优先级最低，所以比较优先级一点要在精准控制元素的基础上进行比较。 1、先比较id 个数 个数高的，优先级高 2、如果id个数相等，比较class选择器个 阅读全文
posted @ 2019-09-03 17:19 Olina_Chenry 阅读(203) 评论(0) 推荐(0)
css基础布局复习笔记（二）定位
摘要：相对定位 CSS position属性用于指定一个元素在文档中的定位方式。 top ， right ， bottom 和 left 属 性则决定了该元素的最终位置。 相对定位 position:relative; 相对于元素自身没有定位之前的位置进行位移！ 注意：relative给百分比的问题,父级 阅读全文
posted @ 2019-08-25 19:42 Olina_Chenry 阅读(122) 评论(0) 推荐(0)
css基础布局复习笔记（一）浮动
摘要：浮动的定义：使元素脱离文档流，按照指定方向（左右）发生移动，遇到父级边界或者相邻的浮动元素停了下来。 浮动中将会遇到的问题 第一种情况 导致的各种布局混乱问题 （浮动元素不占位置导致的布局变化） 第二种情况 浮动的元素只影响他后面的元素 根据层叠顺序推算 第三种情况 导致的各种掉盒子问题 如果父级宽 阅读全文
posted @ 2019-08-25 18:39 Olina_Chenry 阅读(173) 评论(0) 推荐(0)
如何使元素/文字 垂直居中？
摘要：昨天面试被问到这个问题，自己常用的是方法一和方法二，回来后查阅到了方法三，感觉莫名的好用，记录一下~ 方法一：单行文字垂直居中 line-height等于height 方法二：块级元素垂直居中 position定位或者flex布局 水平居中 margin: 0 auto;+垂直位移position: 阅读全文
posted @ 2019-08-21 13:05 Olina_Chenry 阅读(287) 评论(0) 推荐(0)
html5与css3学习笔记之（三）dom元素的操作和获取
摘要：dom元素的操作和获取 1、elementByTagName，获取数组 索引获取，不直观，以后的数据都是从后台动态获取，前台动态生成添加 document.getElementByTagName(" ") [0]; 2、querySelecter ，查询选择器名称 document.querySel 阅读全文
posted @ 2019-08-12 14:33 Olina_Chenry 阅读(339) 评论(0) 推荐(0)
html5与css3学习笔记之（二）多媒体标签
摘要：多媒体标签 插入音视频的方法： embed -- 直接插入视频文件，它的本质是调用本机上已安装的软件，有兼容性 flash插件 -- 需要安装flash 1、学习flash，增加学习成本 2、苹果不支持flash audio标签 video标签 audio标签 -- 音频 src -- 播放的音频路 阅读全文
posted @ 2019-08-08 20:43 Olina_Chenry 阅读(179) 评论(0) 推荐(0)
html5与css3学习笔记之（一）表单常用
摘要：html5 HTML5是HTML第五次的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。所以的主流浏览器都支持h5（chorme,firefox,safari,opera）ie9支持h5（有选择的支持），但ie8及以下不支持。 htm 阅读全文
posted @ 2019-08-08 12:32 Olina_Chenry 阅读(206) 评论(0) 推荐(0)