前端
关注
分享
扫一扫
文章平均质量分 66
没有阳光，也一样灿烂
吃个柚子、写段代码
展开
-
CSS------定位和动画
6、定位6.1、相对定位相对定位：position：relative相对于原来的位置，进行指定的偏移，相对定位任然在标准文档流中，原来的位置会被保留<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 相对定位：相对原来的位置进行偏移--> <style&原创 2021-01-25 20:53:09 · 293 阅读 · 0 评论 -
CSS------浮动（display、float）、父级边框塌陷
5、浮动块级元素：独占一行 如：h1-h6 p div 列表…行内元素：不独占一行 如：span a img strong…行内元素可以被包含在块级元素中，反之则不可以5.1、display实现行内元素排列的一种方式，但更多的是用float<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</原创 2021-01-25 20:51:42 · 213 阅读 · 0 评论 -
CSS------盒子模型
4.1、什么是盒子模型margin：外边距padding：内边距border：边框4.2、边框边框的粗细边框的样式边框的颜色4.3、内外边距<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- body总有一个默认的外边距margin：0--><!原创 2021-01-25 20:49:59 · 119 阅读 · 0 评论 -
CSS------美化网页
3.1、美化网页的作用有效的传递页面信息美化网页凸显页面的主题提高用户的体验注：span标签：重点要突出的字，使用span套起来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /* id选择器：#id名{}原创 2021-01-25 20:44:49 · 203 阅读 · 0 评论 -
CSS------选择器（基本选择器：标签选择器、类选择器、id选择器、层次选择器；后代选择器，自选择器，相邻兄弟选择器，通用选择器，通用伪类选择器）
CSS选择器作用：选择页面上的某一个或者某一类元素2.1、基本选择器标签选择器：选择一类标签 标签{}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 标签选择器：会选择页面上这个标签所有的元素 border-radius:给素添加圆角的边框：原创 2021-01-25 20:43:10 · 368 阅读 · 0 评论 -
CSS-----css概述和三种导入方式
什么是CSS？css：Cascading Style Sheet，层叠级联样式表，主要用于美化网页，包括不限于：字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动…发展史：1、CSS1.02、CSS2.0 ：DIV块+CSS，HTML与CSS结构分离的思想，网页变得简单， SEO（Search Engine Optimization，搜索引擎）3、CSS2.1 ：浮动，定位4、CSS3.0 ：圆角，阴影，动画…浏览器兼容性练习：导入方式一<!DOCTYP原创 2021-01-25 20:39:17 · 113 阅读 · 0 评论 -
HTML----- 表单及表单应用
表单及表单应用表达语法<!--get|post：规定如何发送表达数据常用值 result.html：表示向何处发送表单数据--><from method="post" action="result.html"> <p>名字：<Input name="name"type="text"></p> <p>密码：<Input name="pass"type="password"></p>原创 2021-01-12 18:54:35 · 333 阅读 · 0 评论 -
HTML----- 列表，表格，媒体元素
列表，表格，媒体元素有序列表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ListTest</title></head><body><!--有序列表:ol应用：试卷、问答...--><ol> <li>前端</li> <li原创 2021-01-12 18:53:08 · 69 阅读 · 0 评论 -
HTML-----图像，超链接，锚链接，网页布局
图像，超链接，网页布局图像<!--语法src：图片加载路径（必填） 分绝对路径和相对路径（推荐使用） ../ 上一级目录alt：图片的替代文字（必填）title：鼠标悬停在图片上的提示文字width：图片宽度height：图片高度--><img src="path" alt="text" title="text" width="x" height="y">链接标签<html lang="en"><head> &l原创 2021-01-12 18:51:24 · 192 阅读 · 0 评论 -
HTML-----初识HTML和网页基本标签
初识HTMLHTML：Hyper Text Markup Language（超文本标记语言）超文本包括：文件，图片，音频，视频，动画等HTML5：HTML目前已发展到了HTML5HTML5的优势世界知名浏览器（微软、Google、苹果等）厂商的支持市场的需求跨平台W3C标准W3C：World Wide Web Consortium（万维网联盟）成立于1994年，Web技术领域最权威和最具影响力的国际中立性技术标准机构国际网站：http://www.w3.org原创 2021-01-12 18:49:46 · 118 阅读 · 0 评论