
HTML / CSS
此分类为初学web前端的疑点以及笔记记录
三更初透
这个作者很懒,什么都没留下…
展开
-
JS进阶案例知识点
JS特效一、自定义动画animation: flash 0.5s alternate infinite; //名为flash的动画0.5s执行一次,并且轮流反复执行//动画:@keyframes上绑定的动画名称,完成动画所花时间,动画播放次数,是否轮流反向播放动画/自定义动画/@keyframes flash {0%{opacity: 0;}100%{opacity:1}}//在@keyframes中规定某项CSS样式,就能创建由当前样式逐渐改为新样式的动画效果// 基本格式:@ke原创 2020-07-22 14:14:52 · 168 阅读 · 0 评论 -
CSS定位、层叠效果和浮动_04
一、CSS定位1、绝对定位绝对定位指的是通过规定HTML元素在水平和垂直方向上的位置来固定元素,基于绝对定位的元素不占据空间。使用绝对定位需要将HTML元素的position属性值设置为absolute(绝对的),并使用四种关于方位的属性关键词left、right、top、bottom中的部分内容设置元素位置。一般来说从水平和垂直方向各选一个关键词即可。绝对定位的声明是相对于已定位的并且...原创 2020-03-12 21:04:48 · 560 阅读 · 0 评论 -
CSS样式基础_03
一.CSS样式表CSS有三种使用方法,根据声明位置的不同分为内联样式表、内部样式表和外部样式表。1、内联样式表内联样式表又称为行内样式表,通过使用style属性为各种HTML元素标签添加样式,其作用范围只在指定的HTML元素内部。例: <h2 style="color: yellow;background-color: blue">内联样式表</h2>2、内部...原创 2020-03-11 17:21:12 · 285 阅读 · 0 评论 -
HTML5的标签类别_02
一、HTML5保留的常用标签根据标签的功能特点归纳如下:基础标签文本格式标签列表标签图像标签超链接标签表格标签框架标签样式标签容器标签1、基础标签1.1段落标签<p></p>用于形成一个新的段落,段落与段落之间默认为空一行进行分割(段落与段落之间会自动换行)1.2标题标签<h1>~<h6>共1~6级,字体逐级减小1...原创 2020-03-10 20:44:04 · 384 阅读 · 0 评论 -
用博客记录下初学习HTML5的每一个疑点_01
一、<!DOCTYPE>的作用DOCTYPE的含义:DOCTYPE是Document Type 的简写,含义为文档类型。HTML5文档基础结构中第一行<!DOCTYPE>就是HTML5的DOCTYPE声明。DOCTYPE的作用:网页实际上有多种浏览模式,例如兼容模式,标准模式等。HTML5用<!DOCTYPE>标签定义文档该基于何种标准在网页中呈现。<...原创 2020-03-01 20:50:56 · 117 阅读 · 0 评论