CSS4，文本样式，文本阴影和超链接伪类，列表样式练习

最新推荐文章于 2023-02-28 14:59:14 发布
最新推荐文章于 2023-02-28 14:59:14 发布
阅读量115 收藏
点赞数
分类专栏： 前端基础(2)CSS3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50034199/article/details/114107491
版权

文本样式
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
文本阴影和超链接伪类
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
列表样式练习
在这里插入图片描述
在这里插入图片描述
让字变小一点
粗体
前间距缩进
行高
颜色红色 //
背景灰色 //
行高
没有样式
缩进
在这里插入图片描述
补充
在这里插入图片描述
在这里插入图片描述

面向刺猬
关注
专栏目录
CSS的基本概念及文字属性、段落属性、背景属性、列表案例符号的样式
weixin_45598555的博客
09-04 1026
一、 CSS的基本概念 1.CSS是层叠样式表(Cascading Style Sheet) ,用于控制网页的外观。指颜色 背景 大小元素定位。 Css选择器：css选择器，也称为选择符，用于选择需要添加样式的元素 css的基本语法: 选择器{ 属性:属性值; （样式规则：键值对） …} 2.全局选择器 通配符 通用 权重 0 全局选择器：设置所有标签使用同一样式，用表示...
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6567
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
a标签的四个css伪类样式理解
weixin_34413357的博客
05-29 287
伪类是CSS 用于向某些选择器添加特殊的效果。 a标签中有四个： link、visited、hover、active 未移入a标签链接时：link 移入a标签链接时：link、hover 点击a标签链接时：link、hober、active 点击后未移入a标签连接时：link、visited 点击后移入a标签连接时：link、visited、hover 点击后再次点击a标签连接时：...
CSS美化网页(span 和 div，字体样式，文本样式，文本阴影，超链接伪类，列表样式， 网页背景，背景尺寸，渐变，渐变兼容)
weixin_43306403的博客
06-21 1348
高级选择器 1.层次选择器：可以选择作为某元素后代的元素 层次选择器的种类如下： 在这里插入图片描述 （1）后代选择器：两个选择符之间必须要以空格隔开，示意图如下： 在这里插入图片描述 （2）子选择器：示意图如下： 在这里插入图片描述 （3）相邻兄弟选择器：示意图如下： 在这里插入图片描述 （4）通用兄弟选择器：示意图如下： 在这里插入图片描述 四种层次选择器的综合示例如下： 2.结构伪类选择器：...
CSS——超链接伪类和文本阴影
万里顾一程的博客
11-20 420
CSS——超链接伪类和文本阴影 伪类 CSS伪类是用来添加一些选择器的特殊效果。 解释：在感觉上伪类可以是动态的，当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是":first-child"能通过文档树推断出来，":lang"在一些情况下也在从文档树中推断出来。 由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。 伪类有：:first-child ，:link ,:vistited，:hover，:active ,:focus，:lang，:right，
CSS中 a标签的4个伪类
恬静的男子的博客
10-24 5686
类：class .test{}//选中class="test"的元素 伪类：元素的某个状态 a:link 正常的a标签状态 a:hover 鼠标经过a标签时的状态 a:visisted 鼠标点击后的a标签的状态 a:active 鼠标点击瞬间a标签的状态 a:visisted{ color:#66cc66 } ...
CSS（概念、三种导入方式、三种基本选择器、三种高级选择器、字体\文本\超链接伪类\阴影\列表\背景\渐变、盒子模型、浮动、定位、z-index）
qq_40243295的博客
03-20 739
一、CSS的简单介绍 如何学习 CSS是什么 CSS怎么使用（快速入门） CSS选择器（重点+难点） 美化网页（文字、阴影、超链接、列表、渐变...） 盒子模型 浮动 定位 网页动画（特效效果） 1.1 什么是CSS? CSS,全称为Cascading Style Sheets，为层叠样式表。CSS是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元.
常用css样式大全以及css属性代码大全
热门推荐
qwqc262的博客
10-09 3万+
常用css样式大全 字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {font-va
常用CSS样式大全（超全面）
zy1992As的博客
02-28 1万+
14||字体||{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}5||垂直对齐||{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}
dreamweaver 8 文本的应用练习素材
04-08
3. **CSS样式应用**：为了实现更复杂的文本样式，Dreamweaver 8支持创建和应用CSS（层叠样式表）样式。通过CSS，你可以定义文本的边框、背景、阴影等效果，甚至实现文本动画。 4. **链接与锚点**：在网页中，文本...
CSS详解
createcoder的博客
09-07 1592
CSS
CSS3 基础样式
Settle是小天的博客
06-18 263
快速入门 狂老师说过： HTML + CSS + JavaScript 结构 + 表现 + 交互 基本入门 练习格式： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 规范.<style>可以编写css的代码，每一个声明最好使用分好结尾 语法：
超链接伪类；文本阴影；列表样式；背景图片应用；盒子模型（边框；边距；阴影）
weixin_45964083的博客
04-23 179
超链接伪类 鼠标悬浮的状态： a：hover(基本上只用这一个，其他不常用) a:hover{ color：red； font-size：20px; } 文本阴影 text-shadow：阴影颜色，水平偏移，垂直偏移，阴影半径。 如: #id{ text-shadow:red 10px 10px 2px; } 列表样式 list-style：none 去掉原点 list-style：decimal 换成数字 list-style：circle 空心圆 list-style：square
CSS美化页面（字体样式、文本样式、文本阴影、超链接伪类、列表样式、网页背景、CSS3渐变）
baolingye的博客
06-18 7440
CSS美化页面 一、span 和 div span标签 行内元素，能让某几个文字或者某个词语凸显出来，内容显示在同一行 div标签 块级标签，默认占一行,自动换行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&...
【java毕业设计】应急救援物资管理系统源码（springboot+vue+mysql+说明文档）.zip
11-06
项目经过测试均可完美运行！ 环境说明： 开发语言：java jdk：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse
基于java的音乐网站答辩PPT.pptx
11-06
基于java的音乐网站答辩PPT.pptx
基于Flexsim的公路交通仿真系统.zip
最新发布
11-06
基于Flexsim软件开发的仿真系统，可供参考学习使用
weixin073智慧旅游平台开发微信小程序+ssm后端毕业源码案例设计.zip
11-06
weixin073智慧旅游平台开发微信小程序+ssm后端毕业源码案例设计 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
CSS伪类详解：超链接样式与应用
CSS伪类是用于控制元素在特定状态下的样式，尤其是在与超链接相关的样式设计中发挥重要作用。超链接（`a`元素）在CSS中有六种主要的伪类状态： 1. `a:link` - 代表未被访问过的链接。在示例代码中，`a:link`规则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值