TypechoJoeTheme

小屿's Blog

统计
登录
用户名
密码
搜索到 8 篇与 CSS 的结果
2021-01-22

相对定位练习

相对定位练习
使用div和a标签布局页面每个超链接宽度和高度都是100px,背景颜色粉色,鼠标指针移上去变为蓝色使用相对定位改变每个超链接的位置<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定位练习</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="box"> <a href="#" id="first">链接一</a> <a href="#" id="second">链接二</a> <a href=...
夜空
2021-01-22

CSS,前端

54 阅读
0 评论
2021年01月22日
54 阅读
0 评论
2021-01-22

浮动

浮动
1、标准文档流块级元素:独占一行 h1-h6 p div 列表…行内元素:不独占一行 span a img strong注:行内元素可以被包含在 块级元素中,反之,则不可以2、display(重要)block:块元素inline:行内元素inline-block:是块元素,但是可以内联,在一行(更多时候用float)none:消失<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* block 块元素 inline 行内元素 inline-block 是块元素,但是可以内联,在一行 */ div{ width: 100px; ...
夜空
2021-01-22

CSS,前端

51 阅读
0 评论
2021年01月22日
51 阅读
0 评论
2021-01-22

盒子模型

盒子模型
1、什么是盒子模型margin:外边距padding:内边距border:边框2、盒子边框<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子边框</title> <style> /*body总有一个默认的外边框margin:0,常见的*/ /*body{ margin: 0; padding: 0; text-decoration: none; }*/ /*border:粗细,样式,颜色*/ #box{ width: 300px; border: 1px solid #000000; margin: 0 auto; ...
夜空
2021-01-22

CSS,前端

47 阅读
0 评论
2021年01月22日
47 阅读
0 评论

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月