CSS属性深入理解

适合有CSS基础的同学,通过学习来深入理解CSS中的各种属性和用法,助你解决疑惑提升能力!

CSS属性相关文章

手记文章

VueQuillEditor富文本编辑器的使用

前言 以前我对富文本的使用和保存不是很懂,停留在理解为textarea就是富文本的阶段,后来接触到了UEditor,被它华丽的外表所惊艳,按钮多功能丰富,但是使用起来却没那么顺手。 慢慢开始学习前端开发框架,学习使用Vue就开始正视前端的学习其中接触到了vue-quill-editor和Tinymce,学Vue的这两款应该都会接触到但从功能上来讲Tinymce肯定优秀一点,但是我自己觉得vue-quill-editor更适合我的项目一些,我就使用了vue-quill-editor,接下来介绍一下我的使用心得。 关键词 安装和使用 、固定

浏览1266推荐0
手记文章

四月份前端面试指北

前言 由于个人的一些原因最近也参加了几家公司的面试,发现有很多基础性的东西掌握程度还是不够,故此想总结一下最近面试遇到的问题,希望能为在准备面试的的小伙伴尽一些绵薄之力,主要说的是一些我面试当中问到的一些问题,说的不对的地方请小伙伴们即使指正出来,或者有其他的看法也可以一起探讨。 一、HTML/CSS 1.html5新增标签 新增了一些语义化的标签例如:header,fotter,nav,main 新增图像:canvas svg 新增媒体标签: audio video 2.什么是盒模型 W3C标准盒模型,属性width,h

浏览5358推荐7
手记文章

二营长,快掏个CSS出来给我画个井字棋游戏

作者:陈大鱼头 github: KRISACHAN 前言 不知道大家小时候有没有玩过一款游戏叫『井字棋』的。 它长这样: (我赢了,快夸我 ~o(´^`)o) 上面的就是本次文章的最终结果,一个用纯CSS实现的AI井字棋游戏,Mmmm,虽然看起来有点蠢。。。 地址在此: https://codepen.io/krischan77/pen/qBdYZLy 游戏的规则比较简单,就是在一个九宫格(据说十六宫格,二十五宫格也行~反正是格子就行),只要你下的棋能连成一条直线,就算赢。 所以这次鱼头就来教大家怎样才能在这个游戏中获胜。 额

浏览5054推荐0
手记文章

层叠与 z-index

层叠与层叠等级 HTML 元素是一个三维的概念,除了水平和垂直方向外,还会在“z 轴”上层层叠加。 既然是叠加,就会涉及到先后顺序的问题,规范中称之为“层叠等级”。 默认情况下,图文是网页的核心,因此内联元素的等级理应最高;然后是布局,其中浮动元素(脱离文档流)的等级高于块级元素;最低等级是设置背景、边框等装饰属性的元素。 例子: <style> .f { background-color: #ccffcc; border: 1px dashed #669966; padding: 10px; } .f div:first-of-type, .f div:la

浏览4258推荐0
手记文章

面试官:你可以用纯 CSS 判断鼠标进入的方向吗?

作者:陈大鱼头 github: KRISACHAN 前言 在之前某一个前端技术群里,有一个群友说他面试的时候遇到了一个问题,就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。 给出的初始结构如下: <style> body { padding: 2em; text-align: center; } .block { position: relative; display: inline-block; width: 10em; height: 10em; vertical-align: middle; } .block_content { position: absolute; top: 0; left: 0; width: 100

浏览5105推荐4
手记文章

小程序 flex 布局快速入门

小程序 flex 布局实现 一、view 默认布局 1.1 flex 布局原理 1.2 flex 父项常见属性 二、使用 flex 设置水平弹性布局 2.1 Flex 布局的方向轴 2.1.1 水平主轴布局 row (水平向右) 2.1.2 垂直侧轴布局 column (水平向下) 2.2 Flex 中 justify-content 属性 2.2.1 flex-start 左居中布局 2.2.2 flex-end 右居中布局 2.2.3 center 水平居中布局 2.2.4 space-between 两端布局 2.2.5 space-around (留空等分布局) 环绕布局 2.2.6 space-evenly

浏览4359推荐6
手记文章

移动web必会技能--屏幕适配

屏幕适配,一直是作为一个前端开发始终逃不掉的问题,这个话题可以追溯到最开始的PC端浏览器的不同分辨率,再到移动端不同的屏幕尺寸,一直伴随着前端工程师的日常的页面开发工作。所谓屏幕适配,可以理解为一个网页元素或者网页布局,在不同尺寸,分辨率等场景下,如何呈现最佳的效果。 从最早的PC端屏幕来说,大部分的屏幕适配采取的是: 页面框架最外层元素宽度固定,并且居中,高度随内容自适应,比较常见的是宽度为960px~1080px。 页面内部的元素大多数使用盒子模型构建,采用固定宽高

浏览6051推荐13
手记文章

swiper.js简单快速实现轮播滑动(兼容PC端、移动端)

文章点赞收藏,再细细品尝 😘 swiper是一款免费以及轻量级轮播滑动的js框架,适用于PC端跟移动端,官方地址:(https://www.swiper.com.cn/) 效果演示: PC端 移动端(在浏览器将设备切换为手机,这里切换为iphone),swiper支持移动端触控左右滑动 代码部分(复制粘贴可直接使用): 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Swiper.js简单快速实现轮播滑动(兼容PC端、移动端)</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, m

浏览4992推荐3

CSS属性相关问答

相关猿问

慕课网适合非计算机专业的人学习吗

最赞的回答

我就是零基础在学,已经四个月了

相关猿问

怎么用html 或CSS写出下列的表单样子

最赞的回答

<...图片...><html><head><meta charset="utf-8"><title></title> <style> table{ border-collapse:collapse; } table td{  border:1px solid #ddd;  width:80px;  height:30px;  text-align:center; } .one{  vertical-align: top; } .two{ vertical-...

相关猿问

大佬们 请问在HTML中<input/>标签和<input></input>有什么区别?

最赞的回答

input是一个自闭合标签,没有<input></input>这种写法。

相关猿问

什么时候才能不问一些弱智问题呢

最赞的回答

都要一步步成长,想想刚开始时自己茫然一头雾水不也这样吗。然后被骂,被冷嘲热讽,最后学会怎样提问,怎样成长。

相关猿问

样式怎样快速掌握

最赞的回答

敲够十万行样式代码即可!

相关猿问

如图,制作一个bootstrap,想在小屏幕时背景图片不存在怎么办?

最赞的回答

你可通过 media query 在小屏幕时,去年背景。

相关猿问

在慕课上有没有什么好的视频啊,关于javascript,html,jsp基础的,谢谢。

最赞的回答

http://www.imooc.com/learn/36      JavaScript入门篇http://www.imooc.com/learn/10      JavaScript进阶篇 http://www.imooc.com/learn/277    JavaScript高级篇 先一个个的学吧 基础要打牢 后面学起来就快了

相关猿问

有没有像我一样国庆坚持学习的?

最赞的回答

注意你旁边还有一个老太太,学到老活到老

超实用的Web主流前端框架

不迎合、不妥协,择有态度的框架,做实力牛逼的前端!

查看详情

编程入门先学什么?小白想入门看这里

最全的编程入门教程,成就编程牛人,适合所有的新手入门

查看详情

2017最新前端面试技巧

掌握最新面试技巧,面试题,让你在前端面试中脱颖而出

查看详情

一线互联网企业职场必杀技专辑

职场风云,一技必杀!看你骨骼惊奇是万中无一的编程奇才,必杀专辑送你拯救互联网世界!

查看详情