WEB前端开发 - 文章 - 第15页 - 好学星城学习论坛

CSS3实现横向展示图片滑动展示效果

一个使用CSS3动画效果实现的图片宽度横向展开的效果。 HTML代码如下： <ul id="kwicks"><li><a class="john" href="http://en.wikipedia.org/wiki/John_lennon" title="Joh...

0
0
轩辕小不懂
发布于 2021-07-05 11:45
阅读 ( 414 )

HTML5新增标签以及CSS3新增属性

一、HTML5新增标签二、CSS3新增属性 CSS3被划分为模块，最重要的几个模块包括：选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面 --选择器 --框模型 --...

0
0
轩辕小不懂
发布于 2021-07-05 11:39
阅读 ( 470 )

CSS选择器权重计算与优先级

CSS选择器权重计算与优先级选择器有优先级，可以通过权重来计算优先级。一、优先级：等级划分：第一优先级：css属性+!important是一种强制改变优先级的方法，它会覆盖页面内任何位置...

0
0
轩辕小不懂
发布于 2021-07-03 13:51
阅读 ( 338 )

CSS3新增模块：过渡模块介绍

CSS3新增模块过渡 hover这个伪类选择器也可以用到其他模块 transition-property:width;/*告诉系统哪一个属性需要执行过渡*/transition-duration:5s;/*告诉系统属性需要执行过渡的持续时...

0
0
轩辕小不懂
发布于 2021-07-02 10:22
阅读 ( 369 )

CSS伪类与伪元素的讲解

为什么要引入伪类与伪元素？ css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或是列表中的第一...

0
0
轩辕小不懂
发布于 2021-07-02 10:13
阅读 ( 336 )

HTML标签属性中加data,巧用 HTML5 data 属性

巧用 HTML5 data 属性 HTML 5 之前，需要使用其他的数据时，是非常糟糕的。为了使一切正常有效，你不得不将数据填充到 rel 或 class 属性。有些开发者，甚至创建自己的自定义属性。自从...

0
0
轩辕小不懂
发布于 2021-07-01 10:51
阅读 ( 680 )

干货：CSS选择器的权重计算

刚好是在做面试题的时候，发现有一个题目时关于CSS选择器的权重计算，当时脑海中只知道：id>class>元素选择器，外联样式优先级低于内联样式，内联样式优先级低于行间样式，至于权...

0
0
轩辕小不懂
发布于 2021-07-01 10:33
阅读 ( 322 )

CSS选择器优先级规则解说

CSS选择器优先级规则当使用不同的选择器时，对同一个元素设置不同的样式时这个时候会产生冲突，最终浏览器会选择哪个选择器定义的样式，是由选择器的优先级（权重）决定。优先级高的优先...

0
0
轩辕小不懂
发布于 2021-07-01 10:22
阅读 ( 376 )

CSS常用的4种基础选择器介绍

CSS选择器分为基础选择器和复合选择器两大类基础选择器由单个选择器组成基础选择器又包括：标签选择器、类选择器、id选择器和通配符选择器 1、标签选择器是指用HTML标签名称作为选择器...

0
0
轩辕小不懂
发布于 2021-06-30 11:52
阅读 ( 726 )

HTML学习教程:简单的网页制作

HTML学习教程:简单的网页制作用一分钟制作自己的第一个网页：下面我们来试着做一个简单的网页，希望您能跟着我们操作，这只会花费您一分钟时间。现在您也许不知道那些尖括号“<>”和...

0
0
轩辕小不懂
发布于 2021-06-30 10:38
阅读 ( 534 )

电脑Bilibili播放器调整为html5介绍

哔哩哔哩(Bilibili)播放器扩展Extension for Bilibili Player是一款为B站播放器提供快捷键以及调整默认状态功能的插件，如关闭弹幕、截图、画中画等。总的来说这是一个功能精简、轻量型的哔哩...

0
0
轩辕小不懂
发布于 2021-06-30 10:20
阅读 ( 429 )

HTML和HTML5，CSS和CSS3的区别有那些?

HTML和HTML5的区别: 其实说白了，就是ES5和ES6的区别，无非就是换汤不换药，其实这个说法也不太对，是加了一些调料而已，HTML是Web前端搭建页面的必须品，但是随着人们开发的需求和速度，后...

0
0
轩辕小不懂
发布于 2021-06-29 11:41
阅读 ( 346 )

最常用的 HTML5 标签及属性有哪些？

最常用的 HTML5 标签及属性基本的 HTML 标签 <h1> - <h6> 标签定义 HTML 标题<p> 标签定义 HTML 段落<a> 标签定义 HTML 链接超链接： >通过使用 href 属...

0
0
轩辕小不懂
发布于 2021-06-29 11:32
阅读 ( 312 )

纯CSS3实现文字的渐变动画效果

效果展示：源码展示： <!doctype html><html><head> <meta charset="utf-8"> <title>纯CSS3实现文字的渐变动画</title> <style> ...

0
0
轩辕小不懂
发布于 2021-06-29 10:29
阅读 ( 374 )

CSS选择器的主要作用是什么？

每一个CSS样式由两部分组成，形式：CSS选择器{设置样式} CSS选择器指向需要添加样式的对象，设置样式就是设置自己需要的想要的样式 CSS选择器主要作用：如果想要用CSS为html页面中的元素...

0
0
轩辕小不懂
发布于 2021-06-29 10:15
阅读 ( 458 )

CSS3之动画伸缩布局

伸缩布局(CSS3) 1. CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。主轴：Flex容器的主轴...

0
0
轩辕小不懂
发布于 2021-06-28 11:00
阅读 ( 363 )

HTML中关于div标签里设置其它标签居中问题解决办法

设置div中的标签居中(隔山打牛) 最近在一次布局的练习题中是模仿出微博的首页，原以为很简单，但在第一个导航栏中就卡壳了，就是设置div中的input标签怎么也设置不到水平居中的效果，查了很...

0
0
轩辕小不懂
发布于 2021-06-28 10:46
阅读 ( 461 )

HTML空格占位符：空行，整理，待以后查看

&#32; == 普通的英文半角空格 &#160; == &nbsp; == &#xA0; == no-break space （普通的英文半角空格但不换行） &#12288; == 中文全角空格（一个中文宽度） &#819...

0
0
轩辕小不懂
发布于 2021-06-28 10:29
阅读 ( 832 )

10个前端最常见的HTML5面试题

本文为大家分享了最常见的10个web前端最常见的HTML5面试题，希望大家喜欢。问题1、新的 HTML5 文档类型和字符集是？答：HTML5 文档类型很简单： HTML5 使用 UTF-8 编码。问题2、HTML5...

0
0
轩辕小不懂
发布于 2021-06-26 13:53
阅读 ( 305 )

讲解CSS中的四种定位以及top和margin-top的区别

CSS中一共有四种定位分别是默认，相对，绝对，固定 1，position：static，这种定位是默认的，一般没什么实际的作用。 2，position：relative,相对定位，不会脱离文档流，类似于static，按...

0
0
轩辕小不懂
发布于 2021-06-26 11:29
阅读 ( 392 )