- 博客(20)
- 资源 (1)
- 收藏
- 关注
原创 前端小白之切图
切图切图是指ui设计师将模型图发给前端人员,该人员将模型图分割成一块一块,方面前端人员使用。本篇文章将以ps软件和蓝湖插件作为示范。ps基础知识ps的标准文件格式是psd格式,一般都是导入这个格式文件。蓝湖插件1.蓝湖插件地址,https://lanhuapp.com/xd,记得注册。2.蓝湖ps插件下载地址https://lanhuapp.com/ps,下载后记得安装。3.安装好后,打开ps软件,在视图下的扩展功能中,即可查看蓝湖插件。4.如图所示。...
2021-06-14 18:32:57 2650
原创 CSS三大特性
层叠性相同选择器给设置相同的样式,此时一个样式就会被覆盖(层叠)另一个冲突的样式,层叠性主要是解决样式冲突的问题。层叠性的原则样式冲突,遵循就近原则,哪个样式离结构近就执行哪个样式。样式不冲突,就不会层叠。继承性子标签会继承父标签的某些样式,例如文本的颜色字号,简单的理解就是子承父业。子元素可以继承父元素的样式(text-,font-,line-,这些元素开头的可以继承,以及color属性。)行高的继承性body{ font:12px/1.5 Microsoft YaHei;}行
2021-04-22 10:31:01 79
原创 css的背景
通过css背景属性可以给页面元素添加背景样式。背景属性可以设置背景颜色,背景图片,背景平铺,背景图片位置,背景图像固定。背景颜色background-color属性定义了元素的背景颜色。语法background-color 颜色值;一般情况下,元素背景颜色默认是transparent(透明)。背景图片background-image属性描述了元素的背景图像,实际开发常用语logo或者一些装饰性的小图片或者是超大的背景图片,优点是便于控制位置。语法background-image non
2021-04-21 21:58:54 123
原创 CSS之元素显示
1.什么是元素显示模式是指元素以什么样的方式进行显示,比如div标签,自己独占一行,span标签一行可以放置多个。HTML元素一般可以分为,块元素和行内元素两种。块元素常见的块元素有h1~h6,p,div,ul,ol,li,其中div是最典型的块标签。块标签元素的特点。比较霸道,自己独占一行。高度,宽度,外边距以及内边距都可以控制。宽度默认是容器的100%是一个容器及盒子,里面可以放置行内或者块级元素。注意文字类的元素不能使用块级元素。p标签主要存放文字,因此p标签中不能放块级元素。
2021-04-21 17:39:37 189
原创 CSS之复杂选择器
选择器选择器可以分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上的对基础选择器进行组合的形式。复合选择器可以更加高效的,选择目标元素或者标签。复合选择器由两个或者多个基础选择器,通过不同方式组合而成的。常用的复合选择器包括,后代选择器,子选择器,并集选择器,伪类选择器等等。1. 复合选择器之后代选择器后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是将外层标签写在前面,内层标签写在后面,中间用空格分开,当标签发生嵌套时内层标签就称为外层标签的后代。 <ul
2021-04-21 15:00:25 272
原创 CSS之Emmet语法
Emmet语法用来提高html/css编写速度,Vscode内部已经生成该语法。1.1快速生成HTML结构语法1.生成标签,直接输入标签名按tab键即可,比如div,然后按tab,就可以生成2.如果想要生成多个相同标签,加上就可以了,比如,div3,就可以生成三个div标签。3.如果是父子级关系的标签,可用>,比如,ul>li就可以。4.如果是兄弟关系的标签,用+就可以,比如div+p。5.如果生成带有类名或者带有id名的,直接写demo或者#two即可,例如.nav或者#bann
2021-04-21 11:03:38 282
原创 css的引入方式
css的三种样式表按照css书写的位置,css分为三类。1.行内样式表(行内式)。2.内部样式表(嵌入式)。3.外部样式表(连接式)。内部样式表,是指写到html页面的内部,是将所有的css代码抽取出来,单独放到一个style标签中。行内样式表,是指元素标签内部的style属性中设定css样式,适合于修改简单样式。<div style="color: red;font-size: 12px;">我的青春啊!</div>其中,style需要双引号。外部样式表适合于
2021-04-20 13:59:48 62
原创 css之字体属性
fonts属性css字体(fonts)属性,用于定义字体系列,大小,粗细,和文字样式(如斜体)。1.字体系列css使用font-family属性定义文本的字体系列。p {font-family:"微软雅黑","其他字体1","其他字体2"}在font-family中,可以设置字体的多种,换句话说就是可以拥有多种字体,对字体进行设置,而且设置后,依次查找,若是第一种字体有,就用第一种,依次类推。2.字体大小p {font-size:20px;}px是像素的意思,在网页中是最常用的单位。
2021-04-18 16:12:55 166
原创 CSS之选择器
选择器的作用选择器就是根据不同标签选择出来,这就是选择器的作用,简单点说,选择标签用的。选择器的分类,可以分为基础选择器和复合选择器。基础选择器是由单个选择器组成。基础选择器又包括,标签选择器,类选择器,id选择器,通配符选择器。1.标签选择器是指HTML标签名称作为选择器,按照标签名称分类,为网页中某一类标签指定统一的css样式。语法标签名 { 属性名1: 属性值1; 属性名2: 属性值2; 属性名3: 属性值3; 属性名4: 属性值4; }2.类标签
2021-04-18 14:04:47 117
原创 HTML之<textarea>文本域
当用户输入的内容较多时,可以用文本域textarea文本域。语法<textarea rows="3" cols="20"> 文本内容</textarea>其中,cols="每行的字符个数",rows="显示的行数",实际开发过程中一般不用,用css来控制。...
2021-04-18 11:33:50 694
原创 HTML之select标签
select标签如果多个选项让用户选择,并且想要节约页面空间,可以用select下拉列表标签。语法<select><option>选项1</option><option>选项2</option><option>选项3</option><select>1.<select>中至少有一对 <option>;2.在<option>中定义,selected="sel
2021-04-18 11:25:54 935
原创 HTML之label标签
label标签<label>标签用于绑定表单元素,当点击<label>标签内的文本时,浏览器就会自动将焦点转到或者选择对应的表单标签,用来增加用户体验。语法规范,<label for="sex">男</label><input type="radio" name="sex" id="sex">核心:<label>标签的for属性应当与相关元素的id属性相同。...
2021-04-18 11:18:46 97
原创 HTML之表单
表单标签表单的组成在HTML中,一个完整的表单通常由表单域,表单控件,提示信息三个部分组成的。<form>标签定义表单域,把表单中的信息提交给服务器。<form action="url地址" method="提交方式" name="表单名称">各种表单元素控件。</form>常用属性属性属性值作用actionurl地址用于指定接收并处理表单数据的服务器程序的url地址 。methodget/post用于设置表单数据的
2021-04-18 11:08:28 72
原创 HTML之列表标签
列表标签列表标签是用来布局的。列表标签最大的特点是整齐,整洁,有序,它作为布局会更加自由方便。列表可分为三大类,有序列表,无序列表,自定义列表。<ul>标签表示,HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用<li>标签定义。<ul> <li>列表项1</li><li>列表项2</li><li>列表项3</li><li>列表项4</li>
2021-04-17 17:30:35 264
原创 表格标签之合并单元格
合并单元格1.合并单元格的方式跨行合并:rowspan=“合并单元格的个数”。跨列合并:colspan=“合并单元格的个数”。2.目标单元格跨行:最上侧单元格为目标单元格,写合并代码。跨列:最左侧单元格为目标单元格,写合并代码。3.合并单元格三部曲。1.先确定是跨行还是跨列合并。2.找到目标单元格, 写合并方式=合并单元格数量。<td clospan="2"></td>删除多余单元格。...
2021-04-17 16:40:07 355
原创 HTML之表格
表格标签1表格的主要功能表格主要是用于展示,显示数据。表格的基本语法<table><tr><td>单元格内的文字</td></tr></table>其中,<th>标签表示HTML中表格的表头部分。表头单元格中的内容,会被加粗,居中显示,突出重要性。表格属性属性名属性值描述alignleft,center ,right,left(默认)规定表格相对周围元素的对齐方式
2021-04-17 16:23:17 62
原创 HTML之常用标签(下)
锚点链接点我们点击链接,可以快速定位到页面中的某个位置。在链接文本的href属性中,设置属性值为#名字的形式,如,第一步,<a href=" #two"> 第二集</a>第二步,找到目标位置标签,里面添加一个id属性=刚才的名字,如,<h3 id="two">第二集介绍</h3> HTML中的注释和特殊字符1.1注释如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。注释"<--"开
2021-04-16 14:36:01 49
原创 前端之HTML的常用标签(上)
文本格式化标签在网页中,有时需要设置文字的粗体,斜体或者下划线等效果,需要用的HTML中的文本格式化标签,使文字以特殊的方式显示。标签语义突出重要性,比普通文字更重要。标签说明...
2021-04-16 13:50:24 72
原创 前端之Web标准(重点)
前端之Web标准(重点)Web标准,主要包括结构(Structure),表现(Presentation),行为(Behavior)三个方面。标准说明结构结构用于对网页元素进行整理和分类,初学阶段主要学的是HTML。表现表现用于设置网页元素的版式,颜色,大小等外观样式,主要指的是CSS。行为行为是指网页模型的定义及交互的编写,现阶段主要学的是javascript。Web标准提出的最佳体验方案:结构,样式,行为相分离。简单理解:结构写到HTML文件中,表现写到C
2021-04-14 23:15:38 144
原创 写第一篇博客文章
前情提要:你需要拥有一个CSDN账号,按步骤注册即可!写第一篇博客文章1.登录CSDN,找到创作中心。2.在首页下的内容创作中,寻找发布博文。3.效果图如下4.其中,下图为工具栏5.博客写在左边,即可在右边现实效果图如图所示。6.其中最后边是帮助文档。7.如点击目录,即可得到一级目录,二级目录,三级目录。8.博客写好,点击发布文章。9.发布博客即可。...
2021-03-31 22:15:59 67
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人