<font></font>标记和CSS替代语法
文本的大小 文本的颜色 文本的字体
size(1-7,默认值为3) color face
font-size color font-family
<font size=3 color="red" face="楷体">font标签的属性用法</font>
2024年10月21日
<font></font>标记和CSS替代语法
文本的大小 文本的颜色 文本的字体
size(1-7,默认值为3) color face
font-size color font-family
<font size=3 color="red" face="楷体">font标签的属性用法</font>
2024年10月21日
从eclipse切换到idea,感觉提示速度和支持的插件都远超eclipse,eclipse经常出现插件安装不上的尴尬和无奈。不过Eclipse的界面风格和编辑器的字体颜色,包括Java的字体配置,xml字体配置,html的字体配置,都是我非常喜欢的,这点比idea用起来舒服。于是自己按照eclipse的字体风格来配置了idea的代码编辑风格。
idea的暗黑系列风格,我有点hold不住,感觉不是我要的风格。我比较喜欢小清新风格如下。
2024年10月21日
这个视频用CSS来写聚光灯的效果,大家可以先想一下思路。
·来看一下代码,这里就写了一个h1标签,还有一些基本的样式。
·先来看下布局,这里需要把hello world多准备一份,可以直接复制一份h1或者添加一个伪元素,保持html结构简洁一点。
·<htmicontent里面可以直接把hello world写在里面,或者用之前说的attr()属性获取函数,然后定义一个data-text属性,在h1里面就来定义这个属性,再把hello world放在里面,这样子也可以,再给它定一下位。
2024年10月21日
你需要具备的知识
在继续学习之前,你需要对下面的知识有基本的了解:
HTML / XHTML
什么是 CSS?
CSS 指层叠样式表 (Cascading Style
2024年10月21日
html代码里,表示颜色一般用两种方法,一种是直接写出颜色的英文,另一种是前面写个“#”后面再写6个数字字母。
先说第一种表示方法,这个很简单,如果要表示黑色直接就是black,红色就red,蓝色就blue。具体的我们看下面图1,图2
现在来说第二种,这也是我们这个文章要重点说的,因为这个也是最经常用的表示方法,很多人看到这个又是字数又是字母的就糊涂了,今天我们来详细的把它讲清楚。先用图片来说明一下,先看下面图3
图3里的#000000表示的是黑色,#ff0000表示红色,#00ff00表示绿色,所以说这个效果是和图1一样的。那要怎么理解这种表示颜色的方法呢,我们再来列出几个颜色和它的表示法:
2024年10月21日
新的 CSS Color Module 规范引入了多种新的颜色表示法. 可以支持多种色彩空间和颜色模型. 这解锁了很多的玩法. 比如: 基于一个颜色生成更深或更浅的颜色; 根据背景自适应文本色; 使用广色域颜色等等.
2024年10月21日
我们在设计网站的时候,有时候为了体现出别具一格的风格,往往会设计出一些特殊的风格。这里就举一个比较常见的例子 —— 倾斜的背景颜色。
在CSS中,没有某一个属性能够直接实现倾斜的背景颜色,而是需要通过一些“手段”来实现。最常想到的方案就是在内容的底部放置一个div,给这个div设定一个背景颜色,然后让这个div倾斜一个角度,从而实现倾斜的背景颜色。比如像下图所示的案例:
那么下面就来用一个基本的实例来解释并实现倾斜背景的效果: