初入前端7

一、Less技术是css的一种扩展技术

1.变量、混合(mixin)、函数、运算

2.简化css代码,降低维护成本

3.解析器(koala)(后缀名.less文件需要用koala转换为css)

二、变量(值可变)

[email protected]变量名+值

[email protected]是变量名(后面可自定义):后接值

[email protected](引入)(.less可变)(.css不可变)

三、混合(mixins)(值固定)

  选择器有三种(class、.名称(可自取)、#名称(可自取)、元素(div、p、h1)不能自取)

四、带参数的混合(值可变)

  .名称(参数){}

  参数:后面加固定值为固定参数

五、不带参数的属性集

  .名称参数{}

时间: 2024-10-12 20:18:07

初入前端7的相关文章

初入前端,面对一个项目应注意哪些?

前言: 对于初入职场的前端小白来说,一整个项目来了,顿时感觉压力山大,张皇失措,也总会感到手忙脚乱.其实不用怕,拆分步骤,把每个步骤做好,做细,一切都迎刃而解,犹如顺藤摸瓜般畅快淋漓. 目录: 概念的介绍(可略) 项目分哪几个阶段(每个阶段注意什么) 如何排期 解决问题的方法 概念的介绍: PM(产品经理)负责需求的提出和项目的引导.PM根据产品特点和发展目标提出一定的需求,并协调各方资源投入开发.若需求层面有不清晰的地方,应当向PM沟通确认,如:需要做什么.希望达到什么效果.哪些内容应重点保证

初入前端框架bootstrap--Web前端

Bootstraps是一种简洁.直观.强悍的前端开发框架,它让web开发更迅速.简单.对于初入Bootstrap的小白,高效进入主题很重要,能为我们节省很多时间,下面我将对使用Bootstrap开发前应该做什么做出详细指引,初学者可以围观一下,大神可以忽略哦! 1.下载Bootstrap框架 Bootrap:http://getbootstrap.com/2.3.2/getting-started.html Bootrap中文网:http://v3.bootcss.com/getting-sta

初入前端8

sass路径不能带中文 sass用混合值时,前面用固定名称@mixin(名称){}  @include(调用) bootstrap 1.12列式:每格60px  间距20px  3 6 3版  三格式布局 2.16列式:每格40px  间距20px  3 3 6 4版  四格式布局 注:在bootstrap下载压缩包后有三个文件夹(css.js.fonts)切勿改动,(.min.*为压缩版,.*为未压缩版)

初入前端10

web css原生代码响应式布局@media  scree bootstrap  移动端优先  自带框架 兼容性    不同的屏幕尺寸 (还原布局)    css原生代码响应式布局@media scree(手机屏幕) js文件自适应 app css原生响应式 1.宽高→用百分比 2.用rem [email protected]针对foot-size→heml 4.marigr.padding用百分比 5.meta.width

初入前端9

bootstrap css响应式布局 1.自适应(%) [email protected]媒体查询 3.1em=16px→浏览器的默认值(相对body,会继承) 4.1rem=16px→浏览器默认值→只针对app端而且只针对字体大小(相对html值,不会继承) css布局 [email protected] sreen and(min-width:1000px){} pc端 [email protected] sreen and(min-width:768px)and(max-width:999

初入前端2

input中的元素 1.form 表单(提交数据丶交互) 2.text 创建个输入文字的框 3.password 创建个密码框 4.image 插入图片 5.reset 创个按钮 6.file 选择电脑文件 7.date 日期框 8.email 邮件 9.numaber 数字 10.search 搜索框 11.url 地址 12.datetime-local 时间+日期框 13.autofocus 自动对焦 14.selected 自动对焦 15.multiple 创建多选选项 16.size

初入前端3

1.Video 视频元素 video只支持三种格式 ogg→ MP4→ webm 2.Audio 音频元素 Audio只支持三种元素oggvorbis→MP3→ wav 3.img 是个特殊的行列元素 4.div内加style是内联 → 谁的位置在前谁的优先级最高 head开头加style是内部样式 5.head开头加 link-href=html.file 是外部链接方式   (这三种方式内嵌最高) 6.<*>通配符选择器

初入前端4

1. 权重值 第一等:内嵌样式 如;style" ",权重值为1000 第二等:ID选择器 如:content,权重值为0100 第三等:类,伪类选择器 如content,权重值为0010 第四等:元素选择器,为元素选择器 如div丶p,权重值为0001 通配符选择器(*),子选择器(>)和相邻同胞选择器(+)权重值都为0000 注:imporant 本身没有权重值,其权重值为0000,但如果有它的存在,他会使得所有的权重值失效,须自己的权重值达到最高. 2.transparen

初入前端

基础的一些标签 1.<img=src" "> 插入图片(最好不要超过两个点) 2.<h1>_<h6> 标题文本 3.<a href=" "></a> 网站链接丶实现跳转 4.<a href=" "></a>  <a name=" ">创建锚点(缺点每次跳转后会刷新网页) 5.<div> </div> 创建盒