自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 资源 (1)
  • 收藏
  • 关注

原创 前端——js定时器之北京时间(详细注释)

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style> body{ font-size:60px; text-align: center;} </style>&am

2019-01-07 20:02:26 1558

原创 前端——JS之定时器的小案例(1)

定时器点名小案例(抽奖游戏也同理)<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> </head>&amp

2019-01-07 19:05:37 1480

原创 前端之常见的实用伪元素

一丶伪类元素选择器:【类名或者id+:+伪元素】1.:hover:当鼠标移进去的时候,添加样式如图“鼠标在外边:鼠标进去的时候 ,div 变小 也出现背景颜色除了用在div还可以用在文本 等其他地方 学以致用 活学活用 举一反三。2.:first-line:改变文本第一行的样式3.:first-letter:改变第一个字的样式 或者第一个字母的样式3.:before:在前面插入...

2019-01-05 17:21:54 1227

原创 前端———CSS3一些不常用却实用的属性(一)

一.transparent:隐藏边框线,这里是隐藏了右边的边框线,其他 left top bottom 一样的操作二丶**.opaciiy** 元素的不透明: 把整个元素都能设置为透明 例子未用opacity之前:使用opacity之后:div背景颜色也透明 div里边的文字也透明 opacity 参数值是0~1之间。注意它background-red rgba(0,0,0,0.2)有区...

2019-01-05 15:51:32 492

原创 前端-----浮动做一个简单的导航栏和通俗理解一下margin 和padding区别

一:浮动(1)浮动的概念:浮动起来变成行内块元素,并且不占位,父级高度为0(浮动塌陷)其解决方法是:1丶给父级一个overflow:hiiden(overflow:hiiden:要有宽度或者高度才会溢出部分隐藏,如果外部盒子没有宽度或者高度,里面又是浮动元素,就会被撑开。)2、让父级元素也浮动起来(不建议直接使用,会造成二次塌陷)3、直接给父级元素一个高度(不建议使用)(2)浮动导航栏...

2019-01-05 10:56:55 489

原创 前端之单行文字水平垂直居中和多行文字水平居中

一丶单行文字(1)水平居中text-align:center:控制单行文字水平居中(2)垂直居中设置行高,当line-height:50px 行高等于父级高,文字即是垂直居中(这里的父级高是div)二丶多行文字水平居中设置一个标签 比如把多行文字放在p标签中。然后通过margin:25px auto 来调整水平居中&&一个小技巧: 刚开始不知道margin调多少...

2019-01-05 09:56:29 1756

原创 前端——块元素和内联元素的概念以及区别

块元素:(1)前后有换行符,独占一行,默认情况下,垂直排列(2)默认情况下高度有内容决定(就比如由里边的图片和文字决定高度),宽度是父级的宽度,父级是多宽,它就有多宽。width height 可以控制宽高。(3)margin和padding可以控制距离(4)常见的块元素有:div p ul li hr【 水平线】form等标签内联元素:(1)前后没有换行符,不独占一行。默认情况下,水...

2019-01-04 16:53:58 826

原创 前端新手入门-有了这两个软件小工具学习事半功倍

前端基本的工具:开发工具(sublime Text 最好记得一些快捷键,写代码的时候就比较迅速。比如最基本的是Ctrl+s保存 一写停下来就保存,养成这个习惯可以省去一些不必要的麻烦)。一丶取色器(ColorCop:用来选取颜色),二丶屏幕笔(Pointofix 用来划分网站布局 可以分析网站结构布局的整体思路)...

2019-01-03 19:53:44 470 3

模仿微信官网页面布局

使用div ul 等标签以及使用定位position和float浮动模仿微信官网页面布局,只有静态页面没有动态效果。

2019-01-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除