CSS属性深入理解

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

CSS属性相关文章

手记文章

Web探索之旅 | 第二部分第五课:响应式网站和移动应用

作者 谢恩铭,慕课网精英讲师Oscar老师。 内容简介 响应式网站和移动应用 总结 第三部分第一课预告 1. 响应式网站和移动应用 上一课 [Web探索之旅 | 第二部分第四课:数据库] 中,我们认识了关系型数据库和非关系型数据库。 在我们开始聊响应式网站之前,可以聊聊移动 app(app 是 application 的缩写,表示“应用”)。 自从触屏式手机和平板电脑开始流行起来后(多亏乔布斯推广了 iPhone),传统的网站和软件行业发生了翻天覆地的变化。 以前,我们用手机最多是打电话,发

浏览3493推荐1
手记文章

Web探索之旅 | 第二部分第一课:客户端语言

作者 谢恩铭,慕课网精英讲师 Oscar老师。 内容简介 前言 客户端语言 总结 第二部分第二课预告 1. 前言 上一课 [Web探索之旅 | 第一部分:什么是Web?]中,我们学习了 Web 的一些基本概念: 什么是 Web? Internet 和 Web 的区别 Web 的历史 这一课开始,我们会带你了解我们平时访问的网站(Web site)是如何运作的。 首先我们来看看 Web 开发使用到的编程语言,数据库,一些框架和内容管理系统,还有响应式设计。会有不少原理和重要的概念,不过我们会用形象的比喻

浏览4660推荐1
手记文章

面试官:你可以用纯 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

浏览5746推荐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

浏览4973推荐6
手记文章

Web探索之旅 | 第二部分第三课:框架和内容管理系统

作者 谢恩铭,慕课网精英讲师Oscar老师。 内容简介 前言 框架和内容管理系统 总结 第二部分第四课预告 1. 前言 上一课 [Web探索之旅 | 第二部分第二课:服务器语言]中,我们介绍了服务器端的编程语言,有 PHP,Java,Python,Ruby,C#,Go,等等。 这一课我们来学习基于这些语言衍生出来的框架(Framework),然后再看看什么是内容管理系统(CMS)。 2. 框架和内容管理系统 框架(Framework) 什么是 Framework(框架)呢? framework 在英语中是“框架,骨架;结构,构架

浏览3509推荐1
手记文章

VueQuillEditor富文本编辑器的使用

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

浏览7814推荐1
手记文章

四月份前端面试指北

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

浏览5833推荐7
手记文章

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

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

浏览5531推荐0

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>这种写法。

相关猿问

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

最赞的回答

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

相关猿问

样式怎样快速掌握

最赞的回答

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

相关猿问

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

最赞的回答

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

相关猿问

inline-block元素内内容改变影响布局

最赞的回答

inline-block里你加文字后会按照文字的对齐方式vertical-align:baseline;解决它可以通过设置inline-block元素的vertical-align

相关猿问

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

最赞的回答

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

超实用的Web主流前端框架

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

查看详情

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

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

查看详情

2017最新前端面试技巧

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

查看详情

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

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

查看详情