![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
不豫
这个作者很懒,什么都没留下…
展开
-
H5和xthtml区别
<!-- H5 快捷键 !+tab 键 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title></head><body> </body>...原创 2019-09-05 21:24:35 · 444 阅读 · 0 评论 -
CSS background设置
background-image: url(images/1.png); 注 只能用相对地址,而且会复制然后铺满divbackground-repeat: repeat-x;设置图片如何重复平铺 repeat-x 一行 repeat-y 一列 norepeat 平铺不重复background-position: left center; left right top bottom c...原创 2019-09-19 21:43:11 · 136 阅读 · 0 评论 -
CSS 定位
定位类型/相对定位//position: relative;//绝对定位,让出位置b2,相对于上一个设置了定位的父级(body)定位/position: absolute;/以浏览器窗口为参照物定位,像浮动小广告/position: fixed;例子position: absolute;left: 50px;bottom: 400px;<!DOCTYPE html>...原创 2019-09-18 21:27:35 · 62 阅读 · 0 评论 -
浮动实例及清除浮动方法(面试)
浮动实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动</title> <style type="text/css"> .con,.con2{ width: 480px; border:1px ...原创 2019-09-15 20:49:54 · 145 阅读 · 0 评论 -
display属性
标题盒子类型:块元素,内联元素,内联块元素块元素:div\p\ul\li\h1~h6\dl\dt\dd特点: 支持全部的样式 默认宽度为父级的宽度(100%) 盒子始终占据一行(占据一行但是可以控制宽度)内联元素(行内元素):a\span\em\b\strong特点: 支持部分样式(不支持宽高(内容决定),margin上下,padding上下) 盒子并在一行 代码换行,盒子...原创 2019-09-14 21:42:52 · 156 阅读 · 0 评论 -
css盒子模型的一些问题及解决方法
margin-top塌陷1.设置边框2.overflow:hidden;3.使用伪元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"&g...原创 2019-09-12 21:42:44 · 835 阅读 · 0 评论 -
css 盒子模型
盒子模型知识点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子模型</title> <style type="text/css"> .box{ width: 200px; height: 200p...原创 2019-09-12 21:41:52 · 75 阅读 · 0 评论 -
html引用css的一个实例
如何引用css1.外联式(解耦性大)2.内嵌式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 外联式 --> <link rel="stylesheet" ty...原创 2019-09-09 20:41:47 · 543 阅读 · 0 评论 -
html 表单实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>html表单</title></head><body> <div align="center" > 表单 <form action=...原创 2019-09-07 20:21:18 · 210 阅读 · 0 评论 -
前端html知识
<!DOCTYPE html><html lang="en"> <!-- zh-CN --><head> <meta charset="utf-8"> <title>个人主页</title></head><body> hhhhhhh! hashai <!-- 网页...原创 2019-09-07 15:37:00 · 72 阅读 · 0 评论 -
常用图片格式
位图与矢量图位图即点阵图,由像素点构成,放大时失真矢量图由函数曲线生成,放大不失真1.psdps专业格式优点:完整保存图像信息,方便图像信息缺点:应用范围窄,图片大2.jpg网页制作和日常使用优点:压缩效率高,图片小缺点:有损压缩,图像因为丢失数据而失真,不支持透明背景3.png网页制作和日常使用优点:无损压缩,容量小,支持透明背景、半透明色彩、透明图像边缘光滑缺点:不...原创 2019-09-21 11:11:43 · 208 阅读 · 0 评论