晴空闲云 晴空闲云
3年前
css中skew实现元素倾斜
css中可以用transform可以实现元素2D、3D的一些变化,其中有一个变化倾斜可以用skew实现。skew语法skew语法:cssskew(ax,ay)其中:1.ax表示在x轴上的倾斜角度,单位为deg。2.ay表示在y轴上的倾斜角度,单位为deg。x轴倾斜示例1,x轴上倾斜30deg:html.boxwid
菜园前端 菜园前端
2年前
CSS布局方式-响应式布局
原文链接:什么是响应式布局?在不同屏幕分辨率下,能够以最佳的方式进行展示,元素的宽度尺寸以及展示方式可能会改变。通常使用@media多媒体查询来实现响应式布局。优点页面能够兼容不同分辨率的屏幕。缺点工作量大,UI需要设计多个平台的版本。场景一套代码兼容we
卡尔 卡尔
4年前
有关CSS预编译、管理工具和网络安全的相关面试题
我经常会听到一些想入行前端的人问,前端开发需要学习哪些技术?其实,除了核心的HTML、CSS、JavaScript技术外,像CSS预编译、前端框架,如Vue,React、Node、Angular;代码管理工具,如git,代码编辑器,sublimetext,还有测试,网络安全等相关技术也是需要会一些。当然要求可能不会那么高,但至少要懂一些。所有今天准备了一些
Wesley13 Wesley13
3年前
CSS定位和滚动条
0805自我总结一.绝对定位position:absolute;/绝对定位:1、定位属性值:absolute2、在页面中不再占位(浮起来了),就无法继承父级的宽度(必须自己自定义宽度)3、一旦定位后,定位的布局方位top、bottom、left、right都能参与布局
Wesley13 Wesley13
3年前
CSS 3D的魅力
!(https://oscimg.oschina.net/oscnet/cc541bf0e2444f6581f7ef37f487a27b.jpg)阅读文本大概需要11.1分钟。本文介绍了CSS来实现3D效果,并且有详细代码和解释。建议大家只字不差的阅读。本文的作者是「子慕大诗人」,点击「阅读原文」就可以跳转原地址。前言:
Wesley13 Wesley13
3年前
3、loader打包css和图片。
可以查看官方中文文档(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fdoc.webpackchina.org%2Fconcepts%2Floaders%2F%23%25E9%2585%258D%25E7%25BD%25AEconfiguration)。1、什么是loade
Stella981 Stella981
3年前
CSS之清除浮动 && float属性
DIV层内的元素在使用了float属性后无法自动改变高度的解决办法:有的时候为了让外侧层根据内容自动调整,没有设置高度或宽度,一般都会正常显示。但如果层内元素使用了float属性,就会使那些元素脱离文件流,就无法再扩充容器层,就会导致外层大小无法根据内容自动调整。关于这个问题,总结出以几种在当下几种主流浏览器都兼容的方法,供大家参考。1.清除浮动在层
Stella981 Stella981
3年前
Css入门学习笔记03—DIV
_很久很久以前学习html的笔记记录,很随意,但都是自己记录的,希望对需要的人有所帮助。__本文使用word2013编辑并发布__Postbird|ThereIam,intheworldmoreexciting!__Postbirdperso
Wesley13 Wesley13
3年前
css为什么要清除浮动
DIV1宽度为100px,DIV2宽度为50px,如果上级DIV层的宽度大于DIV1DIV2的宽度,DIV2设置浮动属性float:left,DIV2会像流水一样,自动显示在DIV1的右侧,如果上级DIV层的宽度等于或者小于DIV1DIV2的宽度,那么,DIV2层就会被挤到DIV1的下方.如果DIV1设置了清除属性,DIV2就