发表于: 2018-09-21 00:08:03

1 1150


今天完成的事情:

今天修改了一些任务十的细节,简单了解了sass语言,利用sass完成了任务十一。效果如下:


明天计划的事情:

完成任务八九的总结,上传到wiki,提交任务十,继续往后做任务,学习sass用法



遇到的问题: 



收获:

HTML 5 <input> placeholder 属性

定义和用法

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。

语法

<input placeholder="text">

限制输入框输入字段的长度:oninput="if(value.length>11)value=value.slice(0,11)"

sass

一、什么是CSS预处理器

  CSS预处理器定义了一种新的语言,基本的思想是用一种专门的编程语言,开发者只需要使用这种语言进行编码工作,减少枯燥无味的CSS代码的编写过程的同时,它能让你的CSS具备更加简洁、适应性更强、可读性更加、层级关系更加明显、更易于代码的维护等诸多好处。

  sass就是一种css预处理器

二、安装sass

      安装步骤

      安装ruby 切换gem源 安装sass

三、sass语法

      嵌套:选择器嵌套、属性嵌套、跳出嵌套(明天看)

    

      继承:简单继承、多继承、链式继承(明天看)

      变量:今天只用了普通变量,还有几个变量明天学习(默认变量、特殊变量、多值变量、全局变量)




返回列表 返回列表
评论

    分享到