1、什么是CSS 如何学习? CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表,渐变……) 盒子模型 (每个元素都有的边框之类的) 浮动 定位 网页动画(进阶学习 特效 推荐菜鸟教程) 注意: 前端和java程序员的区别在于CSS,CSS不仅需要 ...
分类:
Web程序 时间:
2021-03-03 12:21:52
阅读次数:
0
CSS入门 HTML + CSS + JavaScript 结构 + 表现 + 交互 1.如何学习 1、CSS是什么 2、CSS怎么用(快速入门) 3、CSS选择器【重点+难点】 4、美化网页(文字,阴影,超链接,列表,渐变...) 5、盒子模型 6、浮动 7、定位 8、网页动画(特效,推荐网站:W ...
分类:
Web程序 时间:
2020-12-25 12:30:30
阅读次数:
0
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性:IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类:
Web程序 时间:
2020-08-09 16:47:46
阅读次数:
84
前两天有一个学html5前端小美女问我一个有关文字阴影的效果怎么去实现。她和我说文字阴影嘛,她也知道text-shadow,.但是却做不出想要的样子,其实css3的新功能是很强大的,不要把你的思想太过于局限化,好了,闲话也不多说,咱们就先来看看这个文本阴影. 一.文字阴影text-shadow 文字 ...
分类:
Web程序 时间:
2020-05-05 20:18:21
阅读次数:
97
上次我们聊了《Html5前端如何实现文字阴影》,其实在开发中现在对于阴影效果的使用已经越来越广泛了,那么今天我们就来说一说用同样的手法实现边框阴影。 一.边框阴影box-shadow 边框阴影参数:参数1 x-shadow:设置对象的阴影水平偏移值,单位可以是px、em或百分比等,允许负值。参数2 ...
分类:
Web程序 时间:
2020-05-05 18:28:23
阅读次数:
71
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的创意灯泡动画https://codepen.io/uzcho_/ful... 纯 css 画的文字阴影https://codepen.io/GeorgePark... 纯 css 画的海报https://cod ...
分类:
其他好文 时间:
2020-05-01 10:18:10
阅读次数:
55
CSS3 CSS3是css(层叠样式表)技术的升级版本,CSS3完全向后兼容,不必改变现有的设计,浏览器将永远支持CSS2。w3c的CSS3规范仍在开发。但是许多新的CSS属性已经在现代浏览器中使用了。 浏览器前缀: 圆角:border-redius 文字阴影: text-shadow 盒子阴影:b ...
分类:
Web程序 时间:
2020-03-13 18:48:46
阅读次数:
78
CSS的快速入门 1、CSS要学习的内容主要包括 1、 CSS概念和快速入门 2、CSS选择器(重点+难点) 3、美化网页(文字、阴影、超链接、列表、渐变,等) 4、盒子模型 5、浮动 6、定位 2、什么是CSS CSS的作用是美化网页 ...
分类:
Web程序 时间:
2020-02-22 00:47:27
阅读次数:
103
一、圆角边框 border-radius属性用于设置元素的外边框圆角。 radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果。 二、盒子阴影 box-shadow:H-shadow v-shadow blur spread color insert 三、文字阴影 text-shadow ...
分类:
其他好文 时间:
2020-02-20 15:30:48
阅读次数:
101
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性:IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类:
Web程序 时间:
2020-02-03 17:23:44
阅读次数:
105