随笔分类 -  前端CSS

CSS属性讲解大集合
摘要：1. 字体 1. font-family 2. font-size 3. font-weight 2. 文本属性 1. text-align 对齐(重要) 2. text-decoration 装饰 (去除a标签的下划线(text-decoration: none)) 3. text-indent 阅读全文
posted @ 2020-04-11 21:14 CherryYang
CSS中强制提升样式应用
摘要：!important为开发者提供了一个增加样式权重的方法，比直接在元素的 style 属性中设置 CSS 声明还要高， 一般用在 CSS 覆盖 JavaScript设置上 1 <!DOCTYPE html> 2 <html lang="ch-zn"> 3 <head> 4 <meta charset 阅读全文
posted @ 2020-04-10 09:57 CherryYang
CSS选择器的总结
摘要：CSS选择器分类 1. 基本选择器 1. 标签选择器 ——适用于 批量的\统一\默认的样式 2. ID选择器 ——适用于 给特定标签设置特定样式 3. 类选择器 ——适用于 给某一些标签设置相同的样式 2. 通用选择器 1. * 3. 组合选择器 1. 后代选择器 (空格) 2. 儿子选择器 (>) 阅读全文
posted @ 2020-04-10 09:52 CherryYang
CSS选择器的分组和嵌套
摘要：1 <!DOCTYPE html> 2 <html lang="ch-zn"> 3 <head> 4 <title>Title</title> 5 <meta charset="UTF-8"> 6 <link rel="stylesheet" href="css05.css"> 7 </head> 阅读全文
posted @ 2020-04-10 09:31 CherryYang
CSS属性选择器
摘要：css04.css 1 /*属性选择器相关样式*/ 2 3 4 [love] { 5 color: green; 6 } 7 8 [love="me"] { 9 color: red; 10 } 1 <!DOCTYPE html> 2 <html lang="ch-zn"> 3 <head> 4 < 阅读全文
posted @ 2020-04-10 09:29 CherryYang
CSS组合选择器
摘要：1 <!DOCTYPE html> 2 <html lang="ch-zn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link rel="stylesheet" href="css03.css"> 7 </head> 阅读全文
posted @ 2020-04-10 09:27 CherryYang
CSS基本选择器
摘要：1 <!DOCTYPE html> 2 <html lang="ch-zn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <!--试试互换代码7行与8行的顺序对比一下效果 对于同一个标签，谁举例更近谁的样式效果生效--> 7 阅读全文
posted @ 2020-04-10 09:25 CherryYang
CSS前言
摘要：1.什么是CSS CSS是层叠样式表 针对HTML标签的嵌套 例如<div><p><a></p></div> --> 层叠 Cascading 针对HTML各标签的样式style，将HTML文件中标签的样式属性从标签描述的内容中解耦合分离出来 --> 样式 Style 针对HTML中不同的标签的对应 阅读全文
posted @ 2020-04-09 22:37 CherryYang