前端
文章平均质量分 67
996station
996技术站,极客带你看世界
展开
-
前端css元素yi
css元素溢出当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。 overflow的设置项: 1、visible 默认值。内容不会被修剪,会呈现在元素框之外。2、hidden 内容会被修...原创 2022-11-28 23:30:38 · 237 阅读 · 1 评论 -
前端css选择器
css选择器常用的选择器有如下几种:1、标签选择器标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器中。举例:*{margin:0;padding:0}div{color:red} <div>....</div> &...原创 2018-05-14 20:41:21 · 131 阅读 · 1 评论 -
前端块元素、内联元素、内联块元素
块元素、内联元素、内联块元素元素就是标签,布局中常用的有三种标签,块元素、内联元素、内联块元素,了解这三种元素的特性,才能熟练的进行页面布局。 块元素 块元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素,它在布局中的行为:支持全部的样式如果没有设置宽度,默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度内联元素内联元素,也可以称为...原创 2018-05-14 20:45:25 · 757 阅读 · 1 评论 -
前端CSS权重详解
CSS权重CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重 1、!important,加在样式属性值后,权重值为 ...原创 2018-05-15 09:20:35 · 8096 阅读 · 1 评论 -
前端CSS3圆角、阴影、rgba
CSS3圆角、阴影、rgbaCSS3圆角设置某一个角的圆角,比如设置左上角的圆角:border-top-left-radius:30px 60px; 同时分别设置四个角:border-radius:30px 60px 120px 150px; 设置四个圆角相同...原创 2018-05-15 09:24:02 · 518 阅读 · 1 评论 -
HTML5新增表单控件
HTML5 新增表单控件新增类型:网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索<label>网址:</label><input type="url" name="" required><br><b原创 2018-05-15 09:27:22 · 1101 阅读 · 1 评论 -
前端query事件
query事件 事件函数列表: blur() 元素失去焦点focus() 元素获得焦点change() 表单元素的值发生变化click() 鼠标单击dblclick() 鼠标双击mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)mouseenter() 鼠标进入(进入子元素不触发)mouseleave() 鼠标离开(离开子元素...原创 2018-05-15 09:31:37 · 976 阅读 · 1 评论 -
前端正则表达式
正则表达式 1、什么是正则表达式: 能让计算机读懂的字符串匹配规则。 2、正则表达式的写法:var re=new RegExp('规则', '可选参数');var re=/规则/参数; 3、规则中的字符 1)普通字符匹配:如:/a/ 匹配字符 ‘a’,/...原创 2018-05-15 09:33:35 · 502 阅读 · 1 评论 -
前端html概述和基本结构
html概述和基本结构html概述HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文...原创 2018-05-15 09:38:37 · 161 阅读 · 1 评论 -
前端css颜色表示法
css颜色表示法css颜色值主要有三种表示方法:1、颜色名表示,比如:red 红色,gold 金色2、rgb表示,比如:rgb(255,0,0)表示红色3、16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f00 ...原创 2018-05-14 20:39:27 · 2059 阅读 · 1 评论 -
前端CSS文本设置
css文本设置常用的应用文本的css样式:color 设置文字的颜色,如: color:red;font-size 设置文字的大小,如:font-size:12px;font-family 设置文字的字体,如:font-family:'微软雅黑';font-sty...原创 2018-05-14 20:38:15 · 309 阅读 · 1 评论 -
前端基础:HTML+CSS第1天学习笔记
HTML+CSS第1天学习笔记1.三大标准一个网页是由三大语言去组成的一个网站。①结构标准HTMLHTML负责的是网页的结构,好比人的骨骼。②表现(样式)标准CSSCSS负责网页端美化。好比人的化妆师。③行为标准JavaScriptJS负责与后端进行数据交互。页面的交互效果。2.单双标签标签有些是单标签,没有封闭的。有些是双标签的,有封闭的。①单:<br>②双:<div>...原创 2018-04-30 00:40:10 · 271 阅读 · 1 评论 -
前端:HTML+CSS第2天学习笔记
前端:HTML+CSS第2天学习笔记1.表格注意事项①单元格默认会有间距。如果要去掉间距,在table标签上加上cellspacing=“0”②设置表格边框合并。需要把此属性写在table标签的css中③单元格合并。colspan=“2”水平合并.如果是水平合并,把相邻的单元格去掉垂直合并:rowspan=”2” 需要把下一行的对应的td去掉2.内外边距术语父子级之间的间距用padding兄弟级...原创 2018-04-30 00:47:31 · 121 阅读 · 1 评论 -
前端常用图片格式
常用图片格式图片是网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解这些特效,可以方便我们在制作网页时选取适合的图片格式,图片格式及特性如下: 1、psd psd是photoshop的专用格式,UI设计师使用photoshop设计效果图,最后会...原创 2018-05-14 20:11:56 · 2548 阅读 · 1 评论 -
前端photoshop常用图片处理技巧
photoshop常用图片处理技巧photoshop是一款优秀的图像处理软件,作为前端开发工程师,掌握它的一些常用功能是必须的。photoshop的常用功能有:选择、裁剪图像、修图、取色、插入文字等等。除了这些常用功能,前端还需要掌握制作新图像、切图等技巧。本次p...原创 2018-05-14 20:15:58 · 878 阅读 · 1 评论 -
前端定时器在JavaScript中的三大作用实例
javascript定时器定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流 定时器类型及语法 /* 定时器: setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器...原创 2018-05-14 20:19:47 · 1325 阅读 · 1 评论 -
JavaScript字符串处理方法
JavaScript字符串处理方法1、字符串合并操作:“ + ” var iNum01 = 12;var iNum02 = 24;var sNum03 = '12';var sTr = 'abc';alert(iNum01+iNum02); //弹出36alert(iNum01+sNum03); //弹出1212 数字和字符串相加等同于字符串相加alert(sNum03+sTr...原创 2018-05-14 20:24:57 · 259 阅读 · 1 评论 -
前端CSS盒子模型详解
CSS盒子模型 盒子模型解释 元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下:把元素叫做盒子,设置对应的样式分别为:盒子的边框(border)、盒子内的内容和边框之间的间距(pad...原创 2018-05-14 20:30:14 · 345 阅读 · 1 评论 -
前端CSS基本语法及三种页面引用方式
css基本语法及三种页面引用方式css基本语法css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例:div{ width:100px; heig...原创 2018-05-14 20:33:54 · 201 阅读 · 1 评论 -
HBuilder常用快捷键够用为主!
HBuilder常用快捷键1.文件新建 Ctrl + N 关闭 Ctrl + F4 全部关闭 Ctrl +Shift + F4 属性 Alt + Enter2.编辑激活代码助手 Alt + /激活快捷键视图 Ctrl +Shift + L开启关闭注释整行 Ctrl+ / 开启关闭注释已选内容Ctrl + Shift + /删除当前行 Ctrl + D删除当前标签 Ctrl +Shift + T ...原创 2018-05-01 20:54:02 · 988 阅读 · 1 评论