前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

用CSS做出简单好看的图片修饰「214」

  • 偶然间在众多网页里发现,某网站的小图片设计很是好看,于是研究了一下它的制作方法,跟大家分享,希望给予指点,更多文章请点击关注我。

一、先分析一下整个结构。

  1. 图片在鼠标经过时会放大(过渡放大)
  2. 图片下方有一个半透明的矩形块
  3. 半透明矩形块上有链接文字
  4. 内涉及position内容较多,请参看我写的文205

快速掌握CSS三大特性(快速掌握css三大特性的方法)

直奔主题,CSS的三大特性:继承性,层叠性,优先级

一、继承性

作用: 给父元素设置的一些属性,子元素和后代元素也有权使用

注意:并不是所有的属性都能够继承,只有color / font- / text- / line

Web前端入门新人必看,怎样使用CSS修改HTML的样式

一、CSS的起源

当web开发还是一项新技术的时候,无论定义网页内容还是定义网页样式,都是使用的HTML语言,HTML的内容和样式没有区分开,如古老的HTML样式:

<H3 COLOR=RED><CENTER>样式</CENTER></H3>

其中color表示颜色,center让文字居中,不是目前规范的书写形式,而且旧的HTML标签都是大写的,web开发人员还需要来回切换大小写,所以很多人认识到了这种开发方式并不理想。

TailwindCSS v3.0 正式发布!一大波新特性来袭

大家好,我是皮汤。最近一直在研究 TailwindCSS 相关的内容,打算将其用在接下来的各种项目中,之前也写过关于 CSS 工程化方面的文章:2021 年你需要之前的 CSS 工程化技术,今天给大家介绍一篇关于 Tailwind 最新发布的 v3.0 相关的内容。

CSS 文本样式(CSS文本样式属性)

本节我们讲文本样式,像比如设置文本颜色呀,首行缩进、水平对齐等,可以对网页进行排本设置等。

将要学习的文本属性有如下几个:

color

首先我们来讲文本颜色设置,前面我们讲过一节关于如何设置颜色,所以想必大家对如何给文本设置颜色不会。

示例:

例如给下面的 <p> 标签中的 <span> 标签中的文本,颜色设置为粉色:

前端入门——css链接样式(链接css的代码)

首先让我们回顾下前端入门——html 超链接的用法 <a href="url"> , 超链接是一个非常伟大的发明,它链接了整个互联网,没有它就没有互联网。

<< < 1 2 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言