web前端
关注
分享
扫一扫
米&然
这个作者很懒，什么都没留下…
展开
-
关于CSS选择器基础知识---重点
1，CSS选择器作用：规范了页面有哪些元素能够使用声明好的样式。目的：为了匹配页面的元素。选择器详情：1.元素选择器特点：由标记名称作为选择器。主要匹配页面中指定的标记所对应的所有元素。语法： 标记{属性：值；属性2：值2；。。。}2.类选择器特点：允许被任意元素所引用的选择器语法：1.声明.类名{属性：值；。。。}2.引用<标记 class=‘类名字’>（引用不用加.）特殊用法：1.分类选择器的定义方式允许将原创 2020-06-21 18:55:24 · 290 阅读 · 0 评论 -
今天利用transform来实现一个动态页面 -- 跳动的心！
跳动的心注：这是利用transform实现一个简单的动态页面<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>跳动的心</title> <style> body{ background:rgba(250,60,60,0.5); } div{ width: height: backg原创 2020-05-12 18:34:36 · 513 阅读 · 0 评论 -
在web前端中只用css实现动画效果
animation动画1.@keyframes 定义关键帧动画以百分比来规定改变发生的时间，或者通过关键词 “from” 和 “to”，等价于 0% 和 100%。注：0% 是动画的开始时间，100% 动画的结束时间。 div{ ..... # 动画名称 时间 匀速 循环播放 animation: m 0.8s linear infinite; }@keyframes m{ 50%{transform: rotate(45deg) scale(0.8,0.8);} #表示原创 2020-05-10 08:15:04 · 600 阅读 · 0 评论 -
web前端网页美化重器-------css
1,什么是css?层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力...原创 2020-05-05 09:55:14 · 2110 阅读 · 0 评论 -
WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，...原创 2020-05-02 16:00:33 · 473 阅读 · 1 评论 -
Web前端：1，html最基本知识 --5
2.属性1.table 属性1.width指定表格宽度2.height指定表格的高度3.border指定边框宽度4.align指定表格在其父元素中水平对齐方式取值：left / center /right5.cellpadding指定单元格内边距指定单元格表框与内容之间的距离6.cellspacing指定单元格外边距指定单元格之间的距离7.bgcolor背景色...原创 2020-04-24 19:36:32 · 144 阅读 · 0 评论 -
解决html网页缩放问题
1，每当我们学习过div布局的时候，你肯定会有这样的疑问：为什么别人的网页无论怎么缩放都不会影响它的想对位置，而我的页面在使用浏览器对页面进行放大缩小的时候，有时候会出现错位，或者边框无法吻合。将页面缩小到最小时，页面内容将会堆砌在一起呢？ 首先出现这个问题的主要原因还是因为你对浮动、定位的理解不够透彻！下面我整理了几种解决的方案：方案一：注意：...原创 2020-04-21 12:09:03 · 7900 阅读 · 1 评论 -
Web前端：1，html最基本知识 --给想要学习的人 续4
2.图像1.标记 <img src="" alt="">2.属性：1.src指要显示的图片的路径2.width宽度，以像素为单位px（可以省略的）3.height高度，以像素为单位px（可以省略的）3.超链接1.什么是超链接用户可以通过点击的操作来完成页面的跳转的行为。标记<a></a>属性：1.href表示是连接地址2.ta...原创 2020-04-20 10:27:38 · 110 阅读 · 0 评论 -
Web前端：1，html最基本知识 --给想要学习的人 续3
4.段落元素1.作用：突出显示一段文本，每段文本独占一行，并且每个段落都会具备一小段的垂直空白距离2.语法： <p></p>属性： align取值：left / center /right6.列表标记1.作用：按照从上到下的方式来进行数字排列。并能显示列表的表示在内容的前边。2.列表的组成1.列表的类型：1.有序列表 - <ol><...原创 2020-04-19 12:17:53 · 129 阅读 · 0 评论 -
Web前端：1，html最基本知识 --给想要学习的人
**注意！**本人所用的编辑软件用的是sublime1，html基础知识超文本标记语言（HyperText Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language），是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语...原创 2020-04-16 16:43:23 · 200 阅读 · 0 评论 -
Web前端：1，html最基本知识 --给想要学习的人 续1
3，html基础语法 （重点）1，标记的语法1，什么是标记在网页中用于表示功能的符号称之为“标记/标签/元素”2，语法所有的标记，在使用时必须用<>括起来。标记分为双标记 和 单标记1.双标记有开始标记 和 结束标记 组成。ex:1. 2. 3. 4. 注意：双标记，又开始必须要有结束，否则显示效果会出错2.单标记只有一个标记，既...原创 2020-04-17 14:44:17 · 138 阅读 · 0 评论 -
Web前端：1，html最基本知识 --给想要学习的人 续2
4/html 文档结构1、文档类型声明出现在网页最顶端第一个标记作用：告诉浏览器使用HTML的哪一个版本。2、HTML页面在文档类型声明之下，使用一对html标记来表示网页的开始和结束。HTML中包含两队 子元素。1.表示网页头部信息。 让网页更加美化。2.表示网页主体信息。3.<meta charset="UTF-8"> 支持我们可以输入中文输入法&l...原创 2020-04-18 12:23:54 · 172 阅读 · 0 评论