HTML和CSS
文章平均质量分 71
介绍一些HTML和CSS常见的问题
代码写的完嘛
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
flex语法与布局
Flex语法FlexFlex作CSS3加入的弹性盒子。.box{ display:flex display:inline-flex display:-webkit-flex /*Safari Chrome*/}Flex的属性flex-flowflex-flow:<flex-direction>||<flex-wrap>例子:flex-flo...原创 2020-03-19 22:41:18 · 194 阅读 · 0 评论 -
WebWorker
概述Js本身单线程执行,对于一部处理使用事件循环,但H5新增WebWorker允许多线程。Js主线程创建Worker子线程,允许在后台运行。主线程和worker线程互不影响。对于计算密集型任务交予worker执行,不会阻塞更为流畅。注意点:worker线程和主线程同源worker的全局对象与主线程不一致,无法读取DOM对象。worker和主线程通信限制,不在一个上下文执行环境,需要通...原创 2020-03-03 12:36:42 · 195 阅读 · 0 评论 -
CSS3新增
新增选择器边框border-radius用于添加圆角边框border-shadow边框阴影border-image边框图片背景background-size规定背景大小,长/宽background-origin规定背景区域content-box,padding-box,border-box文字text-shadow文字阴影@font-face外部引入,改...原创 2020-03-03 12:06:19 · 116 阅读 · 0 评论 -
常见响应式布局
三栏布局流体布局左侧和右侧固定宽度,中间自适应 <div class="container"> <div class="left"></div> <div class="right"></div> <div class="center"></div> </div> ...原创 2020-03-02 12:43:37 · 869 阅读 · 0 评论 -
BFC和IFC
BFCBFC概念格式化上下文,由浮动元素创建一个封闭环境,封闭环境与外界互不影响BFC的创建float:left|rightoverflow:hidden|auto|scrollposition:absolute|fixeddisplay:flex|inline-boxBFC的特性可清除浮动和高度坍塌解决外边距折叠的问题封闭,内外无影响BFC的作用1. 清除浮动...原创 2020-03-02 11:47:22 · 185 阅读 · 0 评论 -
WebSocket
WebSocket介绍H5新增,建立一个基于单个TCP的持久化全双工通讯协议WebSocket核心HTTP字段中Upgrade: websocketConnection: UpgradeWebSocket创建var websocket = new WebSocket(url,[protocal])WebSocket属性和方法readyState属性readyState...原创 2020-03-02 10:16:26 · 826 阅读 · 0 评论 -
WebStroage
Cookiecookie简介cookie是一个小文本文件,用于客户端和服务器通信时保存客户端状态。cookie弊端cookie在不同浏览器中数目限制不一样,IE6以下限制cookie20个,IE7以上和firefox浏览器限制50个,Safari和Chrome没有数目限制过多使用cookie会造成资源浪费安全性问题,cookie会被人截获,截获者不需破译即可利用客户端状态。(解决方...原创 2020-03-02 09:38:50 · 220 阅读 · 0 评论 -
HTML常见问题
HTML语义化解释:用正确的标签做正确的事作用:对人,增强可读性,便于开发人员理解网页内容和样式对机器,利于SEO和网络爬虫爬取信息,利于读屏软件常见语义化标签<p>,<header>,<address>,<footer>移动端<meta viewport><meta name="viewport" co...原创 2020-03-02 09:33:35 · 400 阅读 · 0 评论 -
CSS的一些问题
position属性position表现inherit子元素继承父元素static元素默认位置fixed元素相对于浏览器文档位置absolue元素相对于外层第一个父元素的位置relative元素相对于正常位置的偏移区分单位px绝对大小,像素,相对于浏览器的分辨率em相对大小,继承自父元素,相对于父元素的大小remCSS3引...原创 2020-03-01 22:54:17 · 136 阅读 · 0 评论 -
CSS3新增
对比transition和animationtransitionanimation事件触发时间触发着重属性变化@keyframe帧的变化需要-webkit兼容需要-webkit兼容transitiondiv{ width:100px; height:100px; transition:width 2s; -webkit-transitio...原创 2020-02-29 09:05:22 · 112 阅读 · 0 评论 -
HTML5新增元素
Canvas和SVG的对比CanvasSVG基于JavaScript渲染2D图形基于HTML渲染2D图形标量图矢量图不支持事件处理各个DOM元素均支持事件处理不可被SEO可以被SEO一般用于游戏谷歌地图等表单的扩充新增元素datalist提示内容<form action=""><input type=...原创 2020-02-29 08:54:05 · 119 阅读 · 0 评论 -
清除浮动,水平居中,垂直居中。
清除浮动浮动:元素可通过设置float:left || right来实现浮动。浮动框将脱离文档流,知道触碰到另一个浮动框为止。手动设置父元素的宽度和高度设置父元素为overflow:hidden在子元素后设置空元素的样式clear:both在父元素后设置伪类:after和zoom.clearfix :after{ display:block; clear:both; heig...原创 2020-02-24 11:36:52 · 322 阅读 · 0 评论 -
盒模型
关于CSS的盒模型CSS的盒模型作为网页的一部分显示在页面上。从内到外分为四个部分:content,padding,border,margin。标准盒模型支持W3C标准的盒模型content显示内容,可以设置width和height属性控制盒模型的宽度与高度。padding填充区,内容背景的最外层,将内容和边距分隔开。border边界,可设置其宽度,样式和颜色。margin外边距,使...原创 2020-02-24 10:27:00 · 201 阅读 · 0 评论 -
关于CSS选择器
CSS选择器CSS选择器是CSS规则的一部分,它能够告诉浏览器,相应的HTML元素的样式规则。CSS选择器类型ID选择器,类选择器,元素选择器ID选择器#ID{ }类选择器.class{ }元素选择器html,body{ }属性选择器属性选择器只对存在属性的HTML元素有效,常见<a>标签的href属性<a href="url"> URL ...原创 2020-02-24 09:56:56 · 192 阅读 · 1 评论
分享