![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
吴莉
这个作者很懒,什么都没留下…
展开
-
盒子模型
一.什么是盒子模型 我们在刚开始接触CSS的时候总是被margin和padding闹的晕头转向,什么时候设置margin,什么时候设置padding,不是太清楚,设置了以后在界面上看到的效果也差不多呀。 如何理解margin与padding呀,我们首先可以想象一下我们手里拿了一个钻戒要向女朋友求婚,一般求婚的时候钻戒都是在盒子里放着呢,我们要有盒子的概念,钻戒一般都放在盒子的中央,没有哪家的钻戒是...原创 2019-10-25 16:56:08 · 170 阅读 · 0 评论 -
js最简单左轮播
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0;} li{ list-style: none; } #swiper...原创 2019-10-18 16:24:18 · 124 阅读 · 0 评论 -
走进html
目标: 了解html 掌握html结构标签的应用 掌握html内容标签的应用 掌握超链接的应用 一.走进html(了解) 1.定义 HTML:超文本标记语言(Hyper Text Markup Language) HTML不是一种编程语言,而是一种标记语言,描述网页的语言 HTML使用标签描述网页中图片、文本、音乐、视频、超链接等 注意:查看任意网页源代码 2.地位 前端三大结构:结构层,表现层,...原创 2019-07-14 23:06:37 · 123 阅读 · 0 评论 -
给网页穿上美丽的外衣
目标 掌握CSS的语法结构和在网页中的应用 掌握CSS的文本和字体样式 掌握CSS背景样式 一.了解css 定义: CSS 层叠样式表(Cascading Style Sheet) 优势: 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使页面布局更加灵活 减少网页的代码量,增加网页的浏览速度,节省网络带宽 运用独立于页面的CSS,有利于网页被搜索引擎收录 二.语法规则 例, 选择器 { 声...原创 2019-07-14 23:20:40 · 265 阅读 · 0 评论 -
css3基础
一.css3边框 1.border-radius 用于创建圆角 四个值 左上角,右上角,右下角,左下角 三个值 左上角, 右上角和左下角,右下角 两个值 左上角与右下角,右上角与左下角 一个值 四个圆角值相同 2.border-image 使用图片创建边框–兼容性不好,慎用 border-image-source 边框图片的路径 border-image-slice 图片边框向内偏移 bord...原创 2019-07-28 23:20:21 · 126 阅读 · 0 评论 -
css浮动讲解
标准文档流: 宏观地讲,我们的web页面和photoshop等设计软件有本质的区别:web页面的制作,是个“流”,必须从上而下,像“织毛衣”。而设计软件,想往哪里画个东西,都能画。 标准文档流特性 1.空白折叠现象: 无论多少个空格、换行、tab,都会折叠为一个空格。比如,如果我们想让img标签之间没有空隙,必须紧密连接: <img src="images/0.jpg" /><...原创 2019-07-21 21:45:35 · 175 阅读 · 0 评论