HTML & CSS
文章平均质量分 68
ICY___
Hi~ o(* ̄▽ ̄*)ブ,我是ICY,一枚前端小白
关注我的公众号 不露脸的如花 更多的干货和毒鸡汤等着你
展开
-
RGB模型(html+css)
这是老师布置的一个作业,本来是要用matlab实现rgb的模型的,奈何电脑中全是学习资源,matlab又太过庞大,所以早就卸载了,老师说可以用其他的方法去实现rgb模型,我想了想,没想出来......先看看实现的效果:实现代码:<!DOCTYPE html><html lang="en"><head> <meta ch...原创 2020-03-06 10:04:54 · 475 阅读 · 0 评论 -
实现竖排文字
1.css固定宽度,将css设置只能容下一个字的宽度,自然实现竖排文字(兼容性好)2.writing-mode:vertical-lr/rl 竖排,从左到右/从右到左(兼容火狐 谷歌 IE不兼容)3.html <br>换行</br>实现(有点麻烦,少量文字可以尝试)...原创 2019-08-07 16:11:23 · 279 阅读 · 0 评论 -
去除移动端时a标签点击默认的背景色
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);原创 2019-06-30 14:01:27 · 421 阅读 · 0 评论 -
让a标签继承父类的元素颜色设置
在使用a标签时,默认样式和颜色让人感到头疼,样式可以直接去除,而对于之后添加的a标签来说,修改颜色无疑还是比较麻烦的,如何能够保留父级元素的颜色而只利用a标签的跳转功能呢?color: inherit;//继承父级元素的颜色text-decoration: none;//去除下划线...原创 2019-06-29 09:22:17 · 3229 阅读 · 0 评论 -
手动轮播图(纯css实现)
在一些app上,我们经常能见到一些向左滑向右滑显示更多图片的样式,今天与大家分享一下这种手动轮播图的制作方法,只需要css就好。核心思想:利用超出部分滚动原理,在固定的宽高之中,设置子元素超出固定宽高,再次在子元素的基础上设置新的内容和设置宽高。代码: <div class="bigd"> <div> ...原创 2019-06-12 18:34:08 · 3409 阅读 · 0 评论 -
利用HBuider创建自己的第一个app
许多人都觉得创建一个app是一项巨大的工程,靠一己之力根本无法解决,然而,借助HBuider和前端的一些知识,创建一个app变的简单且高效。(本次只是html和css的应用,面向和我一样的小白)(限安卓)首先我们需要下载一个HBuider软件,值得称赞的是,该软件不但具有强大的代码提示功能,而且还完全免费,运行速度也不错。但有一说一,关于用户的体验还需要优化,相对比与vs code 和we...原创 2018-12-13 20:12:06 · 759 阅读 · 0 评论 -
css3常用动画示例
css3作为css的最新标准,支持了很多的新特性和动画样式,下面,我将从示例来介绍css3动画的独到之处。 基础知识准备 transition:动画的名称类型 动画的执行时间 动画的延迟 动画的执行方式;//简单的动画animation: 已定义动画的名字 执行时间 动画的延迟 动画的执行方式 循环方式; //自定义动画 动画的执行方式 ...原创 2018-12-06 16:00:40 · 702 阅读 · 0 评论 -
CSS盒子剖析
在网页制作中,盒子标签的使用无处不在且相当重要,本文将全面的带你认识盒子,了解盒子,运用盒子!在HTML中,每个元素或者标签都可看作落在一个个盒子中,我将在此介绍:控制盒子的大小 创建盒子的边框 设置盒子的内外边距 隐藏盒子 显示盒子多说无益,现在开始盒子的大小width , height 属性 利用给定的像素控制或者使用百分数控制大小 em值控制(利...原创 2018-11-22 16:21:08 · 150 阅读 · 0 评论 -
何谓css
css作为网页的肉体,承载着我们浏览的方方面面,它使我们的网页有了更深层次的拓展,虽然它有着庞大的样式支持,但只要理解了基本内容的含义和原理,就能较好的掌握。 理解csscss工作原理的关键:每个HTML元素的周围都有一个看不见的盒子。 在css中,规则由你来创造,由你来控制盒子及盒子里的内容的呈现方式。使用css使用外部css。(另写一个页面,通过link标签来建立联系...原创 2018-11-14 18:47:49 · 166 阅读 · 0 评论 -
浅谈HTML
HTML,作为构建网页曲三部曲的第一部,有着很重要的地位(地基)。如果说CSS是肉体,JS是灵魂,那么HTML就是骨骼!没有HTML,CSS和JS就无法实现它们远大理想!HTML基本可以分为两大部分,基础的概念(标签)和实现的简单功能。 基础的概念 HTML基础概念(不再赘述) HTML的基本结构 <html> <head> <...原创 2018-11-12 22:54:31 · 205 阅读 · 0 评论 -
神秘的·HTML
听说HTML很特别,很神秘?其实她很有趣!我将用最简明直观的方法,让你了解最基本的·HTML。<!DOCTYPE html><html lang="zh"><html><head> <meta charset ="UTF-8"> <meta name="viewport&原创 2018-11-02 21:32:03 · 204 阅读 · 0 评论