发表于: 2018-09-21 00:08:03
1 1149
今天完成的事情:
今天修改了一些任务十的细节,简单了解了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语法
嵌套:选择器嵌套、属性嵌套、跳出嵌套(明天看)
继承:简单继承、多继承、链式继承(明天看)
变量:今天只用了普通变量,还有几个变量明天学习(默认变量、特殊变量、多值变量、全局变量)
评论