HTML和CSS布局
关注
分享
扫一扫
前端HTML和CSS布局
KathyLJQ
这个作者很懒，什么都没留下…
展开
-
前端学习笔记-14引入字体图标
1.下载icomoon压缩包http://icomoon.io将解压后的文件夹中的fonts文件放置于html文件同级目录中3.HTML文件中写入字体图标申明@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?7kkyc2'); src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'), url('fonts/icomoon.原创 2021-03-08 21:39:05 · 256 阅读 · 0 评论 -
前端学习笔记-13快速将psd文件中的图层提取为png文件
前提：安装python解释器，并且安装了psd_tools模块from psd_tools import PSDImagefrom os import path#打开要处理的psd文件psd = PSDImage.open(r'D:/xxx.psd')def extractLayerImage(layer): layer_image=layer.composite() #将提取到的png文件保存到目的文件夹中，并以图层的名字命名） layer_image.save(r'D:\web_原创 2021-03-06 00:46:26 · 1058 阅读 · 0 评论 -
前端学习笔记-12盒子模型布局案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .main{ width: 1300px; height: 1000px; background-color: .原创 2021-03-05 15:10:15 · 282 阅读 · 0 评论 -
前端学习笔记-11盒子模型布局案例-模拟小米网站布局
小米原网站模拟布局<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ background-color: lightgray; } .outter{原创 2021-03-05 13:49:30 · 920 阅读 · 1 评论 -
前端学习笔记-10CSS简写
背景属性2.边框属性3. 字体属性外边距属性填充属性颜色原创 2021-02-24 21:46:05 · 107 阅读 · 0 评论 -
前端学习笔记-09盒子模型
案例1-使用浏览器的察看元素功能为辅助仿造一个豆瓣电影页面原创 2021-02-24 20:52:19 · 127 阅读 · 0 评论 -
前端学习笔记-08元素的浮动布局
设置容器之间横向排列-浮动布局<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #green{ width: 100px;height: 100px;background-color: aquamarine;float: left; } #re.原创 2021-02-22 22:31:42 · 127 阅读 · 0 评论 -
前端学习笔记-07post请求和get请求，样式以及CSS
1.get请求和post请求的区别2. style属性通过设置style属性来改变样式案例：使用style属性优化登录表单<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="http://www.baidu.com" method=""&原创 2021-02-21 16:23:39 · 991 阅读 · 2 评论 -
前端学习笔记-06表单
登录表单案例：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="http://www.baidu.com" method=""> <!--action 为表单提交的地址--> <table border="..原创 2021-02-21 00:08:47 · 118 阅读 · 2 评论 -
前端学习笔记-05表格
表格元素table设置列宽和对齐的两种方法第一种：在单元格元素td里面设置width 和align属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="2px" cellspacing="0" cellpadding=""&g..原创 2021-02-20 23:22:34 · 137 阅读 · 0 评论 -
前端学习笔记-04超链接
文件存放结构：主页代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="../img/yunpan.png" width="100%"> <p> <a href="../009sub_page/music.原创 2021-02-19 22:31:41 · 185 阅读 · 0 评论 -
前端学习笔记-03简单切图
原创 2021-02-18 22:40:04 · 141 阅读 · 0 评论 -
前端学习笔记-02列表以及图片
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Baidu</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <h1>Test 01 <img src=.原创 2021-02-17 22:34:08 · 139 阅读 · 2 评论 -
前端学习笔记-01常用标签
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <center>How are you?</cent.原创 2021-02-17 22:33:32 · 100 阅读 · 0 评论