- 博客(15)
- 收藏
- 关注
原创 HTML(十二)三种常见布局:三栏式布局 双飞翼布局 圣杯布局
一.三栏式布局顾名思义,即是将主页分成三部分(左,中,右),给左边和右边的块定宽,中间的块占据余下部分。以下是几种常用的实现方法1.巧用浮动优点;兼容性好,实现简单缺点:必须先写浮动元素,再写中间的这个元素,否则右边块会掉到下一行 左右浮动脱离文档流,可能会导致父元素高度崩塌,需要及时清除浮动 &...
2019-09-26 20:07:39
1247
原创 Mac使用轻松的快捷键
更换Mac电脑后明显的使用感受变化就是:习惯了windows系统的快捷键之后,面对Mac超好用,据说连鼠标都不用配备的键盘和触摸板,并不适应,接下来就细数我在Mac熟练过程中遇到的快捷键吧,大家快快学习起来吧有关浏览器...
2019-09-26 18:18:49
188
原创 html(十一)html与css实现元素居中与定位
内联元素居中水平居中:text-align:center;竖直居中:line-height:最近父元素(块)的高; padding ; 或者padding和line-height;2 .块元素的五种居中方法 页面内div元素的水平居中 div元素内元素的居中:用css3实现 div元素内的元素居中:用cs...
2019-09-04 20:15:00
247
原创 web学习(十)列表,导航与页面布局
1.如代码,如图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-06-22 20:52:13
1071
原创 web学习(九)浏览器的默认样式及其清除及其他样式
1.文字加粗及斜体等的字体的默认样式 文字加粗: font-weight:normal; 文字斜体: font-style:normal;2.清除body,ul等元素的边距及填充的默认样式 padding:0; margin:0;3.li的默认样式清除 li-style:none;4.清除img在ie浏览器下的边框及其文字对齐...
2019-06-22 19:13:09
837
原创 web学习(八)表格
1.常用标签: table(定义表格) caption(表格标题) thead(表格开头) tbody(表格正文) th(表格单元格) td(行) tr(列) tfoot(表格页脚)2.常用属性: text-align (对齐方式)...
2019-06-14 13:35:33
329
原创 web学习(七)路径
1.绝对路径:在每台电脑上,每个文件夹,每个文件都有的固定地址,从哪个盘底下的哪个文件 例 C:\Users\lenovo\Desktop\前端文件\web(1)! 对不同的电脑来说,每一文件夹,文件放置的地方大多不同2.相对路径:这个文件夹/文件在某个文件夹下的什么地方 例:web(1) 两个均表示C盘下Users文件夹下的leno...
2019-06-11 09:48:26
229
原创 Photoshops快捷键
1.在前端中的用途:切图、修图、测量2.PS工具的快捷键: 移动工具:v 矩形选框工具(区块大小的测量工具):m 裁切工具:c 吸管工具和拾色器(文字颜色和背景颜色的测量工具):i 横排文字工具(字体大小测量工具):t 手抓:h 在当前工具上使用空格 复制:...
2019-06-10 21:35:28
446
原创 web学习(五)文本标签及样式
1.常用的文字标签 段落标签:<p> 标题标签:<h1>~<h6> 粗体/加重标签:<b>/<strong> 斜体/着重标签:<i>/<em> 上标/下标标签:<sup>/<sub>...
2019-06-10 21:30:00
952
原创 web学习(四)元素种类:区块元素,内联元素,内联块元素及区块元素在同行显示
1.区块元素 div(盒子)、 ul(无序列表)、ol(有序列表)、dl(定义列表)、li(列表的项)、 p(段落)、h1~h6(网页中的标题,从大到小)、 table(表格)、form(表单)、 pre(源代码)、hr(分割线) 每个元素独占一行支持所有样式不解析换行符不设置宽时,宽度为0,有内容时,由内容撑开...
2019-06-10 21:10:23
900
原创 优快云写作小技巧
1.黑色着重区 实现: 连续空格后,回车 去掉: 在开头,Backspace键一直按到退出着重区位置 在后面,敲两次回车 添加: 在开头,敲两次空格 在结尾,在想要加入的元素前(黑的框图后)敲两次Backspace键2.添加图片 点击上方灰色图条的图片图标(因为电脑不同,我的快捷...
2019-06-10 21:00:46
366
原创 web学习(二):选择器
选择器1.行间样式:(在标签行内声明)(很少用)2.head标签内声明style(双标签){*(通配符){获取每一个元素;}#id{获取所有为此id名的元素(注意:一个id对应一个标签)}.class{获取类名为此的类(注:想要给某同级元素设置相同的样式会很简单)}3.多级选择器任意两个上述选择器连接,即可以选到一标签内的二标签元素4.选择器优先级行间样式(并不...
2019-06-03 18:19:51
256
原创 web学习(1)初步了解html5
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入123欢迎...
2019-06-03 17:01:42
183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人