CSS3基础讲解
关注
分享
扫一扫
文章平均质量分 51
CSS3基础知识
小简(JanYork)
不告诉你，就不告诉你，嘿嘿！
展开
-
实战篇之前端开发时，突破文字最小限制
我们出现一个问题，我们原来是靠左紧贴着的，而我们的这个缩小，他是针对中心缩小的，那怎么办呢？，那我们在做移动端响应式变化时，文字肯定也要相对缩小一些，所以呢，我就将他设置为。那仔细想想，我们既然不能调节大小，那我们还可以怎么样让他看起来变小呢？那此时，这个样式已经是生效了，但是看看这个字体，他并没有任何变化！那有人就说了，这是用户的事情，关我们前端开发什么事？大家好，我是小简，今天遇到一个需求，如下。这是因为我们浏览器，他有一个最小字体限制。日常开发是灵活的，保持变通，积攒经验。这期完了，下期再见。原创 2022-10-21 11:22:03 · 1283 阅读 · 0 评论 -
CSS伪元素
我们先前讲过伪类选择器，伪类选择器实则就是选择一种元素的特殊状态，那我们今天来看一看CSS的伪元素什么是伪元素？CSS 伪元素用于设置元素指定部分的样式例如，它可用于：设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容我们先前讲伪类选择器，我们发现伪类选择器前面是由 : 来连接属性的，比如:hover ，于是我们看到这个伪元素是不是也觉得格式与伪类选择器一样呢？确实，我们的伪元素是可以通过 : 来连接的，可是，我们要知道，既然是语法那就一定有规范，虽然用: 并没有错，但..原创 2021-11-03 18:29:06 · 1274 阅读 · 10 评论 -
CSS伪类选择器
CSS的选择器有很多种，有一种选择器，与其他选择器完全不同，我们来讲一讲这个选择器——伪类选择器伪类选择器我们伪类选择器有几种，我们来看看第一种静态伪类: 只能用于超链接的样式:link超链接点击之前 :visited链接被访问过之后以上两种样式，只能用于超链接实际用法还得实际分析，我们来看看这一张图：这里我写了两个超链接，看我箭头指的文章，你会发现这两个超链接颜色是不一样的为什么会不一样呢？因为第一个链接，是我访问过的网站链接而第二个链接，我的浏览器没有访问..原创 2021-11-01 20:03:36 · 31272 阅读 · 12 评论 -
CSS属性选择器
属性选择器温馨提示：建议自己尝试运行代码结合说明观察规律<!DOCTYPE html><html lang="zh"><head> <title>属性选择器</title> <style> /* 使用属性选择器选择title属性 */ [title]{ color: brown; /* 使用color属性改变了所有存在有ti原创 2021-10-14 15:47:09 · 346 阅读 · 4 评论 -
CSS复合选择器
复合选择器温馨提示：建议自己尝试运行代码结合说明观察规律<!DOCTYPE html><html lang="cn"><head><style> p.a{ color: palegreen; /* 这个是交集选择器,选中的是class值为a的标签并且标签为p的标签里面的内容 */ } div.a{ font-size: 20px; /* 这里是用交集选原创 2021-10-06 17:38:52 · 312 阅读 · 7 评论 -
CSS常用选择器
常用选择器温馨提示：建议自己尝试运行代码结合说明观察规律<!DOCTYPE html><html lang="zh"><head> <style> /* 元素选择器 */ /* 语法： 标签名{} 如：p{} a{} */ p{ color: burly原创 2021-10-06 17:37:04 · 170 阅读 · 1 评论 -
CSS外部样式表
HTML中的CSS外部样式表温馨提示：建议自己尝试运行代码结合说明观察规律<!DOCTYPE html><html lang="cn"><head> <title>外部样式表</title> <!-- 这里我们引入样式表文件 --> <link rel="stylesheet" href="外部样式表.css"> <!-- rel中的stylesheet是样式表的意思原创 2021-10-06 17:35:15 · 2053 阅读 · 1 评论 -
CSS-HTML标签的样式改变
样式改变代码教程提示：代码请自己尝试运行，更方便发现规律哦！<!DOCTYPE html><html lang="cn"><head> <style> p{ color: chartreuse; /* 说一下，这里这个颜色单词不用去管它，编辑器会给你一个可视化选择 */ font-size: 15px; } font原创 2021-10-06 17:33:12 · 707 阅读 · 0 评论 -
一段代码，带你了解前端最基本的HTML基础框架
<html> <!-- HTML语言有多个版本，比如HTML4、XHTML2.0、HTML5 HTML5是现在常用的版本--> <!-- !DOCTYPE属性是文档声明属性可以告诉网页当前语言使用的是什么版本，比如下面 --> <!DOCTYPE HTML> <!-- HTML默认为HTML5，所以我们直接<!DOCTYPE HTML> --> <!-- 这是HTML语言的注释格.原创 2021-10-04 10:19:55 · 645 阅读 · 2 评论 -
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-variant: sm原创 2021-10-03 15:45:02 · 1941 阅读 · 3 评论