CSS+HTML
文章平均质量分 52
___KAKU
这个作者很懒,什么都没留下…
展开
-
css---页面footer总结
正好学习页面页脚部分 看了一些文章,自己总结了一下:一、始终位于页面下方(不随滚动条的下移而发生变化) height: 50px; width: 100%; bottom: 0px; position: fixed;文字居中 text-align: center;效果:二、始终位于文章的下方1.绝对位置法原创 2018-06-27 09:11:28 · 528 阅读 · 0 评论 -
前端题
****************************************************************1. 目前学过的获取元素的方式有哪些?并说出是通过什么获取的?获取出来几个?js 根据id获取 document.getElementById('div1') 根据标签名获取 document.getElementsByTag...原创 2018-08-02 18:26:28 · 143 阅读 · 0 评论 -
sublime text3(快捷键的使用)
使用sublime text3的快速生成html模板不同的头部信息按键不同html:5 按tab键--->常用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&a原创 2018-08-10 13:45:30 · 1930 阅读 · 0 评论 -
微信小程序(二)
**********************************************一、遮罩层穿透滚动描述:当弹出弹窗类似的东西时,滑动的时候,被遮罩遮住的底层不让其滚动。穿透分为两种a.弹窗中没有scroll-view标签在遮罩层加属性catchtouchmove<view catchtouchmove="myCatchTouch"> &...原创 2018-07-12 18:04:54 · 503 阅读 · 0 评论 -
CSS3学习
***************************************************css3是基于css的基础,开发出了更多的属性功能。其实3已经在开发中常常用到,但是还是总结一下,区分总结一下其新的属性。CSS3已完全向后兼容一、css边框borderborder-radius(圆角)以左上角开始可以一起设定或者设置某一个border-top...原创 2018-07-18 18:09:14 · 130 阅读 · 0 评论 -
前端特效
******************************************************一、小程序 点击按钮特效点击按钮有一个类似波纹的效果 <view class="cash-out bubble">提现</view> <view class="share bubble">推荐</view>.cash-o...原创 2018-07-24 09:42:25 · 329 阅读 · 0 评论 -
前端知识点
1.role="navigation"在浏览器执行时,告诉浏览器这个元素为按钮元素原创 2018-06-27 09:11:55 · 129 阅读 · 0 评论 -
前端实用小技巧(二)
一、margin塌陷现象给子级加margin-top时想让子移动,但是此时父级会跟随子级一起移动---称为塌陷。代码<style> div.father{ width: 200px; height: 200px; background: #FFC0CB; } div.son{ width: 100px; height: 100px; background: bei...原创 2018-05-18 16:43:01 · 1447 阅读 · 0 评论 -
交互的思路
在完成交互的过程中,最先考虑的应该是思路一定要清晰,切记不要盲目先写。思路清晰了,那么效率就会上来。总结一些在学习过程中觉得好的点。一、非空!!!得到数据时,一定要先判断是否为空,写出相应为空的页面展示****************未完更新*************************...原创 2018-04-27 09:33:11 · 247 阅读 · 0 评论 -
前端样式属性(一)
***********************不太熟练的样式****************************一、中英文换行word-break break-all(以字母为单位换行)|break-word(以单词为单位换行)white-space pre-wrap(只对中文强制换行)|nowrap(强制中文不换行)参考文章二、absolute和fi...原创 2018-04-04 18:14:10 · 337 阅读 · 0 评论 -
HTML布局
在html中 常用布局方法 有三种:标准流(顺序、默认)、浮动(float)、定位(position)元素:块级元素(一行一个),内联元素(一行多个)定位:position,脱离标准流 可选参数: static(标准流) relative(处于标准流):通过更改属性:left、right、top、bottom;后写的...原创 2018-03-20 14:44:06 · 944 阅读 · 0 评论 -
flex属性+布局
flex属性介绍任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。webket内核的浏览器必须加上-webkit前缀。注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。容器属性flex-direction 属性决定主轴的方向(即项目的排列方向)flex-wrap 属性定义,如果一条轴线排不下,如何换行。f...原创 2018-03-14 08:36:01 · 153 阅读 · 0 评论 -
前端实用小技巧(一)
将我在学习中学习到的点做一个总结,可能对刚学习的小伙伴有帮助。一、页面全屏(没有滚动条)1.vh width: 100%; height: 100vh;2.overflow width: 100%; background: #009688; overflow: hidden;内部将高度写的高些将其撑开,在最外面的一层加上overflow:hideen;将其隐藏掉。二、居中1.单...原创 2018-02-25 10:35:21 · 434 阅读 · 0 评论 -
css中盒子模型(margin、border、padding、content)
在设置页面布局时,常常会用到盒子模型,其中有几个属性padding(填充)、margin(边距)、border(边框)、content(内容),难区分对于初学者将页面中的每个元素都当作一个盒子margin:元素与元素距离(边框-边框距离)border:边框padding:内容-边框的距离content:写的内容原创 2018-01-25 13:34:58 · 1519 阅读 · 0 评论 -
初识SASS/SCSS
看完本文之后的收获:什么是SASS/SCSS、SASS/SCSS基础的语法一.了解SASS/SCSS1.什么是SASS/SCSS,到底是干什么的?想要理解SASS/SCSS,就要知道预处理器,通常情况下,我们写页面时引入css文件,供项目使用,而预处理器就是一种编程语言,将css文件中的内容写成代码,通过编译之后供项目使用。预处理器-----编译----->.css文件原创 2018-01-25 10:49:44 · 310 阅读 · 0 评论 -
CSS垂直居中技巧,我只会23个,你会几个?
自古以来(是有多?~),网页CSS的垂直居中需求始终没有停过,而其困难度也始终没有让人轻松过,经过了每位开发先烈的研究后,据说CSS的垂直居中技巧已达到近十种之多,但始终鲜为人知,部分公司甚至将CSS的垂直居中技巧当成面试题,其重要性可见一斑,经过了Amos通灵了一下之后把垂直居中的写法扩展到了23种,今天就让Amos带着大家轻松的了解一下CSS的垂直居中的方式吧。1、Line-height...转载 2018-08-30 14:20:02 · 193 阅读 · 0 评论