![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
蜜糖雪兒
还有什么比坚持更可怕
展开
-
html&css----引言(10/31)
无意中在室友办公室翻到了一本书,恰巧学校也开了一门关于这门语言的书,就跟着书写个笔记吧~~~现在只是个引言部分,写一些小笔记:1.复杂的网站可能会使用数据库来存储数据,并在服务器端使用php,asp.net,java或ruby等编程语言。2.屏幕阅读器是一种用来将计算机屏幕上的内容读给用户的程序3.css的属性通常分为两类:表现(控制文本颜色和字体,字体大小,添加背景色以及背景图片原创 2017-10-31 16:12:04 · 343 阅读 · 0 评论 -
canvas(11/30)--------事件处理(局部图片放大)
example2.jsvar canvas = document.getElementById('canvas'); context = canvas.getContext('2d'); rubberbandDiv = document.getElementById('rubberbandDiv'); resetButton = document.getElementById('re原创 2017-11-30 21:46:53 · 803 阅读 · 0 评论 -
canvas(11/30)--------事件处理(鼠标处理)精灵表坐标查看器
鼠标处理使用监听器,可以通过onmousemove,onmouseup,onmouseout或者onmousedown来注册监听器。使用onmousedown,onmousemove这样的方式来注册监听器,比调用addEventListener()要稍微简单一点,如果鼠标事件要注册多个监听器的时候,那就要使用addEventListener()。实现精灵表坐标查看器:examp1.原创 2017-11-30 16:01:43 · 340 阅读 · 0 评论 -
canvas(11/29)--------基本绘制操作
canvas绘图API:arc()beginPath()clearRect()fill()fillText()lineTo()moveTo()stroke()canvas创建不可见的路径,然后用stroke()来描绘路径的边缘,或者调用fill()来对路径的内部进行填充,是路径变得可见。可以调用beginPath()方法来开始定义某一段路径。绘制钟表:原创 2017-11-29 22:15:27 · 398 阅读 · 0 评论 -
html&css-------图像(11/6)
控制图像大小:小型肖像:220*360小型景观:330*210专题照片:620*400背景图片(background-image)重复图像(background-repeat、background-attachment)background-repeat:repeat、repeat-x、repeat-y、no-repeatbackground-attachment:(制原创 2017-11-06 11:14:05 · 197 阅读 · 0 评论 -
canvas(11/28)--------基础入门
canvas的基础使用html上的代码:michelleswanbody{ background: #dddddd;}#canvas { margin: 10px; padding: 10px; background: #ffffff; border: thin inset #aaaaaa;} canvas not supported examp原创 2017-11-29 10:45:56 · 299 阅读 · 0 评论 -
html&css--------布局(11/6)
css中控制页面布局的定位机制:普通流、相对定位、绝对定位普通流(position:static)相对定位(position:relative)绝对定位(position:absolute)固定定位(position:fixed)重叠元素(z-index):控制元素的层次,数值越大,元素的层次就越靠前,z轴上彼此堆叠,置于顶层或置于底层浮动元素(float)清除浮动(c原创 2017-11-06 10:15:58 · 178 阅读 · 0 评论 -
html&css----------列表、表格和表单(11/4)
项目符号样式(list-style-type)无序列表:none、disc、circle、square有序列表:decimal、decimal-leadin-zero、lower-alpha、upper-alpha、lower-roman、upper-roman项目图像(list-style-image):url(“图片位置”);标记的定位(list-style-p原创 2017-11-04 11:59:56 · 203 阅读 · 0 评论 -
html&css----------盒子(11/4)
盒子的大小(width,height)宽度限制(min-width,max-width)高度限制(min-height,max-height)内容溢出(overflow):hidden:直接把溢出盒子空间内容隐藏scroll:会在盒子上添加一个滚动条,方便用户通过滚动滑块来查询其余内容边框、外边距和内边距1.边框(border)2.外边距(margin)原创 2017-11-04 11:54:45 · 212 阅读 · 0 评论 -
html&css-------文本(11/3)
字体选用(font-family)字体大小(font-size)使用更多字体(@font-face)font-family、src、format粗体(font-weight):normal、bold斜体(font-style):normal、italic(文本以斜体显示)、oblique(文本倾斜显示)小写和大写(text-transform):uppercas原创 2017-11-03 19:47:57 · 166 阅读 · 0 评论 -
html&css-----------颜色(11/2)
前景色 colorcss中采用三种方法进行指定颜色:RGB值:rgb(red,green,blue)十六进制编码:#ee3e80颜色名称:浏览器可以识别147种预定义的名称颜色。背景色 background-colorcss3:透明度opacity(透明度属性值介于0.0~1.0),rgba(red,green,blue,alpha)原创 2017-11-03 13:10:13 · 189 阅读 · 0 评论 -
html&css---------css简介(11/2)
一条css规则包含两部分:一个选择器和一条声明选择器{属性:值}使用外部css:位于html的元素中,定义页面样式的css文件href:css文件的路径type:表面页面所连接文档里的类型 text/cssrel:html页面与被链接文件的关系。链接css文件时,值为stylesheet使用内部css:位于html的元素中,定义页面样式的css文件原创 2017-11-02 19:39:10 · 211 阅读 · 0 评论 -
html&css------添加视频(11/2)
向网页中添加视频:src:指定视频路径poster:视频加载时活在视频播放前显示的一个图像width,height:播放器的大小controls:提供默认的播放控件autoplay:视频文件应该自动播放loop:视频结束后重新播放preload:在页面加载时需要做什么(none用户按下播放前什么都不做,auto页面加载时载入视频,metadata浏览器只需收集少原创 2017-11-02 18:29:15 · 7204 阅读 · 0 评论 -
html&css--------其他标记(11/1)
id特性:全局特性,唯一区分class特性:指明所属类:有id和class特性,将文本和元素集中在一个块级元素中:可以利用css来控制的内容外观,有class和id特性:内联框架,网页里分割小窗口,可以在小窗口看到另一个网页width="450" 指定内嵌框架宽度的像素值height="350"指定内嵌框架高度的像素值src=""指定要在框架中显示的页面原创 2017-11-01 21:27:22 · 156 阅读 · 0 评论 -
html&css------表格、表单(11/1)
表格基本的表格结构::创建表格:每行的开始,(table row):表格中的每个单元格表格的标题::用法与类似,表示列或行的标题(table heading),没有内容的话就是空单元格。scope特性:元素是列标题还是行标题xxxx #列标题xxxx#行标题跨列:在或元素中用colspan特性表明单元格索要跨越的列数。xxxx#跨越了两原创 2017-11-01 13:29:15 · 204 阅读 · 0 评论 -
html&css------列表、链接、图像(10/31)
列表有序列表无序列表定义列表有序列表:(有序列表)、(列表项目)浏览器对列表有默认的缩进无序列表(无序列表)、(列表项目)定义列表、>、链接网站链接:nameEmail链接:mailto:michelleswan@xx.com">email新窗口打开链接:<a href="http://www.原创 2017-10-31 20:35:37 · 409 阅读 · 0 评论 -
html&css----结构、文本(10/31)
常用标签:1.标题、、、、、2.段落3.粗体和斜体、4.上标和下标(上标:次方;下标:脚注,化学公式小数字)、5.空白浏览器遇到两个或两个以上的连续空格时,只将其显示为一个空格。6.换行符和水平线、7.加粗和强调、8.引用(缩进一段文本)、(两侧添加引号)9.缩写词和首字母缩写词10.引文和定义、11.设计者详细信原创 2017-10-31 20:33:38 · 156 阅读 · 0 评论 -
canvas(11/30)--------打印canvas的内容(toDataURL())
我们常常绘画的canvas的画布内容,对于用户而言是只能看不能进行操作的,你所绘画出来的呈现出来的图片,其实用户看到了之后是无法对其进行操作的,不能进行保存和打印,这样,我们就需要用一种方法对我们所画的canvas进行改变,使之变成一个image。canvas的API提供的toDataURL():返回的引用,指向了某个给定canvas元素的数据地址。可以将img元素的src属性值设置为这个数据原创 2017-12-03 16:18:47 · 1628 阅读 · 0 评论