• 锚点定位

    head meta charset="UTF-8" title锚点定位/title /head body h1雷佳音/h1 编辑 p雷佳音,1983年8月29日出生于辽宁省鞍山市,中国内地男演员,2006年毕业于上海戏剧学院表演系。2010年,因饰演电视剧《杜拉拉升职记》里的约翰常而受到关注。2011年,在电视剧《回家的诱...

    2019-01-11 08:40:23

  • 【代码笔记】Web-CSS-CSS 语法

    一,效果图。 二,代码。 ! DOCTYPE html html head meta charset ="utf-8" title CSS 语法 / title style p { color : red ; text-align : center ; } / style / head body p Hello world! / p p this paragraph is styled with css / p / body / html 参考资料:《菜...

    2019-01-11 08:40:22

  • 盒子阴影

    h1{ /*文字阴影*/ font-size: 100px; text-shadow: 10px 3px 3px rgba(0,0,0,.5) ; } div{ /*盒子阴影*/ width: 200px; height: 200px; border: 10px solid #cccccc; /*box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸(影子大小) 阴影颜色*/ /*box-shadow:5px 5px 3...

    2019-01-11 08:40:21

  • 前端常用技术概述--Less、typescript与webpack

    前言:讲起前端,我们就不能不讲CSS与Javascript,在这两种技术广泛应用的今天,他们的扩展也是层出不穷,css的扩展有Less、Sass、Stylus等,js的超集有Typescript等。今天我们就简单来聊聊Less与Typescript以及静态模块打包器webpack。 本节目标:本文为简单普及性知...

    2019-01-11 08:40:18

  • 盒模型

    盒模型 : margin外边距 ; padding内边距; border边框; content内容; 盒模型分为两类 : 标准盒模型和IE盒模型 标准盒模型 :width(宽度)和 height(高度) 不包括padding 和 border; IE盒模型: width(宽度)和 height(高度) 包括padding 和 border;...

    2019-01-11 08:40:17

  • DTD

    DTD: 文档类型 定义 规定我们书写的HTML使用哪一种规范。 Html4 和 XHtml的规范 严格版 Strict 不废弃标签 框架集 通用版 Stransitional 是 否 框架集版 frameset 是...

    2019-01-11 08:40:16

  • 关于微信小程序<radio-group>布局排列

    微信小程序更新以后今天radio全部变成垂直排列了,布局乱了。 一开始尝试给外层view添加 display:flex;flex-direction:row; 未果。 后来在开发者社区查找,发现是 微信更新后的bug ,很多线上的项目都受影响了。 解决: 1、在radio-group里添加包一个view/view 2、给l...

    2019-01-11 08:40:15

  • 2016年 CodePen 最热门的前端代码 Top 100

    每年 Codepen 都会公布年度最热门的代码片段,这些片段有的技术超弦,有的超实用、有的超有创意,有空看看都能给我们带来灵感。 同时从 Codepen 的代码上也能学习一些牛人的写法,不管是设[……] https://codepen.io/2016/popular/pens/...

    2019-01-10 07:49:38

  • 偏门却又实用的 CSS 样式

    ::-Webkit-Input-Placeholder input 的 H5 placeholder 属性,很好用,但不能直接改这个文字颜色,所以目前的解决方法就是用 ::input-placeholder 属性来改。 配合 opacity 属性使用效果更好 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Inpput_...

    2019-01-10 07:49:31

  • CSS3 - 盒子的 box - size

    两个参数: border-box和content-box ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title box-size / title style .border-box { width : 100px ; height : 100px ; background-color : violet ; box-sizing : border-box ; padding : 10px ; } .conten...

    2019-01-10 07:49:29

2