![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 56
Wood_Ren
这个作者很懒,什么都没留下…
展开
-
css入门
css 入门一.架构分析页面 => div 的层级结构 => 具体采用哪些功能标签显示内容结构层 > 位置层(布局层) > 内容层二. css 引入行间式<div style="width: 100px; height: 100px"> </div><!-- 简单直接,针对性强 -->内联式<..原创 2018-12-06 15:19:53 · 133 阅读 · 0 评论 -
css 选择器
一.基础选择器* | div | . | #<!-- 先建立一个用来试验选择器的 html 文件 --><!-- 04.html --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2018-12-06 20:04:37 · 147 阅读 · 0 评论 -
盒模型
盒模型一. 盒模型概念1.什么是盒模型广义盒模型: 文档中所有功能性及内容性标签, 及文档中所有显示性标签侠义盒模型: 文档中以块级形式存在的标签 (块级标签拥有盒模型100%特性且最常用)盒模型组成: margin + border + padding + contentv_hint: content = width x height2.为什么要学盒模型页面书写的标签初始状态...原创 2018-12-10 18:56:55 · 203 阅读 · 0 评论 -
浮动布局
浮动布局一. display 布局inline 行级标签同行显示,就相当于纯文本,当一行显示不下换行,如一个字显示不下,就把显示不下的哪个字自动换行. 和纯文本的区别: 就是有标签整体的概念,标签与标签有一个空间的隔断.支持部分 css 样式,不支持宽高 | 行高(行高会映射到父级 block 标签) | margin 上下content 由文本内容撑开inline 标签只嵌套 ...原创 2018-12-18 19:39:44 · 207 阅读 · 0 评论 -
定位布局
定位布局什么是定位布局: 可以通过上下左右四个方位完成自身布局的布局方式定位方式参考系是否脱离文档流相对定位自身原有位置否绝对定位最近’‘定位’'父级是固定定位文档窗口是二.相对定位参考系: 自身原有位置position: relative ==> 打来了四个定位方向1. top | bottom | left | righ...原创 2018-12-18 19:40:21 · 377 阅读 · 0 评论 -
动画及阴影
动画及阴影一.拼接网页将区域整体划分起码 => 对其他区域布局不产生影响提出公共的css => reset 操作当有区域发生显示重叠(脱离文档流导致),需要通过 z-index 调整层级一定需要最外层,且最外层做自身布局时,不要做过多布局操作二.过渡动画transition 属性transition: 过渡时间(必须) 延迟时间(一般不设) 过渡属性(一般采用all...原创 2018-12-18 19:41:20 · 239 阅读 · 0 评论 -
JS基础
JS基础一、JavaScript语言介绍1、概念浏览器脚本语言可以编写运行在浏览器上的代码程序属于解释型、弱语言类型编程语言2、组成ES语法:ECMAScript、主要版本ES5和ES6DOM:文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展标志语言的标准编程接口。BOM:浏览器对象模型(Browser Object Model),提...原创 2018-12-18 19:41:43 · 215 阅读 · 0 评论 -
JS常用类
JS常用类一、Number1、常用数字整数:10小数:3.14科学计数法:1e5 | 1e-5正负无穷:Infinity | -Infinity2、常用进制二进制:0b1010八进制:012十进制:10十六进制:0xA3、NaN非数字类型,通过isNaN()进行判断4、常用常量最大值:MAX_VALUE(1.7976931348623157e+308)最小值:...转载 2018-12-18 19:42:42 · 313 阅读 · 0 评论