HTML+CSS

包括H5+CSS3。前端三要素之二

分类下的文章

【问答系列】如何对后端返回的json格式化输出并且高亮代码

一、问题:后端返回的json没有格式化,想格式化高亮该json并在网页中显示它 最近有同学问我这个问题: 他的 […]

纯样式CSS或使用JS的canvas实现图片旋转

原理大致是,将img图片转为canvas对象,输出新的图片路径,回显到img标签中

CSS3新增的has伪类选择器,让你能轻松选择父元素

has选择器可以将其当做父级选择器来使用。尽管has选择器已经作为标准列入,但是大部分浏览器不支持。 它能支持在`谷歌105版本`及以上,火狐目前都不...

object-fit,object-position让img标签表现得像背景图那样能自适应和调整显示位置

`object-fit` 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 `object-position` 属性一般与 `object-fi...

CSS样式文件和class类名命名规范参考

大部分前端程序员都有命名强迫症,要花很长时间来想这个本来不是问题的问题。下面总结了样式文件命名和模块class类别命名。请记得收藏!

移动端开发2-移动端开发常见问题-移动端事件等

移动端开发常见问题 一、默认样式 1、清除点击阴影 -webkit-tap-hightlight-color: […]

移动端开发1-用响应式设计不是主流,主流是专门为移动端开发一套UI+界面-附视频-案例-作业

目前的主流:不是响应式设计开发移动端网站,而是专为移动端设计和开发一套页面+代码

CSS3-响应式设计(媒体查询)@media使用大全-附任务-案例

适配所有的屏幕并不是设计师的事,设计师只会设计一套界面,然后他的工作就完了,剩余的适配工作是前端来完成的。 适配最理想的方式,前端能不能也像设计师一样...

CSS3-弹性布局-弹性容器-怪异盒模型详细讲解-配视频+作业-可视化弹性布局工具

指的是使用样式来让普通盒子变成弹性盒子。并不是新增了某些弹性标签。 之前布局:盒模型+浮动+定位。在做复杂布局的时候,写起来比较麻烦。 可以把弹性布局...

CSS3-自定义动画-keyframes-animation和第三方动画库animation4.css的使用

一、自定义动画 是动画的终极解决方案。 相当于将GIF做的事情用代码来实现。 步骤如下: 1. 定义关键帧 & […]

To top