2302_78722588的博客

原创 用js打印图形

原创 用js获取电脑本地时间，在页面上输出一个时间表，鼠标点击页面自带 的刷新按钮时，时间也会变

原创 JS制作九九乘法表

原创 CSS的圆角边框和阴影

CSS3 中新增了盒子阴影，我们可以使用 box-shadow 属性为盒子添加阴影。在 CSS3 中，我们可以使用 text-shadow 属性将阴影应用于文本。在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。border-radius 属性用于设置元素的外边框圆角。

原创 Word排版

⑤ 标题和内容区分可通过调整字号增加下划线等特殊方式区分和正文的内容 增加字号为26号增加下划线（突兀）一般是给增加下边框段落组下边框，设计页面背景也可以 边框和底纹-边框-边框线-颜色-1.5磅-应用于段落。② 段落间距段前段后设置一个就可以了，如段前0.5行 （留白：让文字更加容易阅读，调大页面边距，增大文字空间，设置段落行距和间距提升阅读舒适性，也增加内容区分，指空间不指白色）⑧ 自己设置的序号不好操控则删除序号只后，选择段落标题-选择格式相同的文本-增加序号，尤其是编号自动移动。

原创 Word快捷键

英文输入法=rand(段落，句子)测试文本 ctrl+z撤销 ctrl+y反撤销。Ctrl+1一倍行距、ctrl+2二倍行距、ctrl+5 1.5倍行距。Pgup向上翻、pgdn向下翻、ctrl+pgdn一页一页翻。Ctrl+l左对齐、ctrl+e居中对齐、ctrl+r右对齐。鼠标快速复制文本ctrl+拖拽、 shift+鼠标拖拽移动。Ctrl+shift+>放大 ctrl+shift+<缩小。双击选项卡显示隐藏功能区/ctrl+f1/右上角显示隐藏。Alt+shift+↑ ↓键可快速对段落进行上下移动。

原创 CSS的背景

通过 CSS 背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。

原创 CSS的外边距

​当上下相邻的两个块元素（兄弟关系）相遇时，如果上面的元素有下外边距 margin-bottom，下面的元素有上外边距 margin-top ，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。如果是父子关系，子元素超出父元素所限制的大小可以使用overfiow:hidden，它可以强行将子元素溢出的那一部分给隐藏掉，但是并不会改变子元素的原先大小。对于两个嵌套关系(父子关系)的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值。

原创 CSS的内边距

​如果保证盒子跟效果图大小保持一致，则让 width/height 减去多出来的内边距大小即可。4个值，上是5像素 ，右10像素，下20像素，左是30像素 顺时针；3个值，代表上内间距5像素，左右内边距10像素，下内边距20像素；padding 属性用于设置内边距，即边框与内容之间的距离。如果盒子已经有了宽度和高度，此时再指定内边框，会撑大盒子。2个值，代表上下内边距是5像素，左右内边距是10像素；1个值，代表上下左右都有5像素内边距；1、内容和边框有了距离，添加了内边距。内边距对盒子大小的影响。

原创 CSS设置边框

border可以设置元素的边框。边框有三部分组成：边框宽度(粗细)、边框样式、边框颜色；定义边框粗细，单位是px。

原创 PS基本操作

因为网页美工大部分效果图都是利用 PS（Photoshop）来做的，所以以后我们大部分切图工作都是在 PS 里面完成。Ctrl+ 加号(+)可以放大视图， Ctrl+ 减号(-)可以缩小视图。Ctrl+ D 可以取消选区，或者在旁边空白处点击一下也可以取消选区。按住空格键，鼠标可以变成小手，拖动 PS 视图。Ctrl+R：可以打开标尺，或者 视图→标尺。文件→打开 ：可以打开我们要测量的图片。右击标尺，把里面的单位改为像素。用选区拖动 可以测量大小。

原创 用CSS作导航栏

body里写：style里写：

原创 CSS学习（七）

并集选择器可以选择多组标签,同时为他们定义相同的样式，通常用于集体声明,并集选择器是各选择器通过英文逗号(,)连接而成，任何形式的选择器都可以作为并集选择器的一部分。在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，可以更准确、更高效的选择目标元素(标签)常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等。上述语法表示选择元素1和 元素2.

原创 CSS学习-样式表（六）

按照 CSS 样式书写的位置(或者引入的方式)CSS 样式表可以分为三大类。

原创 CSS学习-css文本属性（五）

color 属性用于定义文本的颜色。

原创 CSS学习-css字体属性（四）

属性表示注意点font-size字号我们通常用的单位是px像素，一定要跟上单位字体实际工作中按照团队约定来写字体字体粗细记住加粗是700或者bold，不加粗是normal或者400记住数字不要跟单位font-style字体样式记住倾斜是italic，不倾斜是normal工作中我们最常用normal。

原创 CSS学习-选择器（三）

选择器权重id=100;class=10;标签=1;*(通配符)=0。

原创 CSS学习-CSS基础选择器（二）

标签选择器(元素选择器)是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统的 CSS 样式。标签选择器(元素选择器)是指用 HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统的 CSS 样式。1、如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器。如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器。基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器。设置这些标签的样式，比如颜色为红色(做对事)

原创 css学习（一）

CSS的主要场景就是美化网页、布局页面的。

原创 HTML基础知识（六）

表单元素我们学习了三大组input输入表单元素、select下拉表单元素、textarea文本域表单元素，这三组表单元素都应该包含在form表单域里面，并且有name属性。1.使用场景：当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用<textarea>标签。文本域textarea，使用场景：可以输入多行文字，比如留言板、网站介绍等。2.在表单元素中，<textarea>标签是用于定义多行文本输入的控件。3.使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板、评论。

原创 HTML基础知识（五）

在<input>标签中，包含一个type属性，根据不同的type属性值，输入字段拥有很多种方式（可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等）。<label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验。在英文单词中，input是输入的意思，而在表单元素中<input>标签用于收集用户信息。在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递。默认宽度为20个字符。

原创 HTML基础知识（四）

中只能嵌套，直接在中只能嵌套，直接在

原创 HTML基础知识（三）

表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是的展示数据的时候,能句多熟练运用表格就显得很重要。一个清爽简约的表格能的把复杂的数据表现得很有条理。表格不是用来布局页面的,而是用来展于数据的。添加注释是为了更好的解释代码的功能，便于相关开发人员理解和阅读代码，程序是不会执行注释的内容。在HTML页面中，一些特殊的符号很难或不方便直接使用，此时我们就可以使用下面的字符来替代。注释标签里面的内容是给程序员看的，这个代码是不执行不显示到页面中的。2.表格的基本语法格式。

原创 HTML基础知识（二）

首页1.在链接文本的href属性中,设置属性值为#名字的形式,如号房祖1、外部链接:例如:

原创 HTML基础知识（一）

网站是指在因特网上根据一定的规则，使用html等制作的用于展示特定内容相关网页的结合。网页是网站中的一页，通常是HTML格式的文件，他要通过浏览器来阅读。网页是网站的基本元素，它通常是由图片、视频、文字、链接、声音等组成。通常我们看到的网页，常见是以.html为后缀的文件，因此称为html文件。HTML是超文本标记语言。他是用于描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。2.HTML的基本书写格式html里的内容写在body里面3.HTML常用标签。