WEB前端网页设计 CSS网页代码 基础参数（二）
目录
特定标签选择器：
行内样式 基本语法：
类标签选择器：（单独对某个标签进行设置）
所有标签选择器：（选择所有标签进行设置）
“+”相邻兄弟选择器：只能相邻 "~"普通兄弟选择器
后代选择器：
并集选择器：（多个标签设置）
子类选择器
浮动与定位
特定标签选择器：
行内样式 基本语法：
<标记 style>
| html文件调用css文件 | |
| 设置颜色 | Style="color:green;" |
| 设置字体大小 | font-size:50px; |
| 设置边框 | border：groove； |
| 设置长、宽 | height：50px；、width：30px； |
| 居中对齐 | text-align：center； |
| 设置整个网页的属性 | body{ 各项参数} |
| 首行缩进 | text-indent：2em; |
| 行高 | line-height：1.3; |
| 定义由细到粗 | font-weight：400=normal正常 ，700=bold，900=bolder； |
| 粗体 | font-weight：bold； |
| 文字更细 | font-weight：lighter； |
| 文字更粗 | font-weight：bolder; |
| 设置文字被选中时的样式 | p：：selection选择器{ background-colora:black color:white } ##背景为黑色，选中文字为白色 |
| 首字下沉 | p：：first-letter{ } |
| 设置字体类型 | font-family：”楷体，宋体，黑体“； #表示 先找到谁即设置谁 |
| 设置字体风格（斜体） | font-style：“italic”、“” |
类标签选择器：（单独对某个标签进行设置）
使用自定义的名称，以 . 号作为前缀，然后再通过HTML标签的class属性调用类选择器；且不能以数字开头
" * "选择器表示 通用选择器
第一种：
我的赣州
##class 对应 .one one可以更改，但开头必须为 "."我的祖国
## id 对应 #one| | ##表示此条class拥有三个属性， 且可以单独设置 |
第二种：
赣州
所有标签选择器：（选择所有标签进行设置）
“+”相邻兄弟选择器：只能相邻 "~"普通兄弟选择器
p+h3{
color:red;
}
香蕉
苹果
橘子
榴莲
菠萝
| 选中：选择器的第一个元素, 选中：选择器的最后一个元素 第一个：first-child 次序：nth-child（序号） 最后一个：last-child | p:first-child{ color:red; } 香蕉 苹果 橘子 榴莲 菠萝 |
后代选择器：
我的美丽的祖国
我的可爱的赣州
并集选择器：（多个标签设置）
我和我的祖国
长津湖
我和我的家乡
我和我的父辈
子类选择器
h1 > p{
color：red；
}
wqdwqd
wdsawdsa
dwasdaw———————————————————————————————————————
浮动与定位
类似盒子一样边距多少：用left，right，top等调整
选择器{ position ：属性值；}
position属性的常用值有四个，分别代表不同的定值
| 自动定位 ( 默认 ) | static |
| 相对定位，相对于其原文档流的位置进行定位 针对原来的位置(标准流时)进行定位，且原来位置保留 | relative |
| 绝对定位，相对于其上一个已经定位的父元素进行定位； 为某个对象进行定位而使用，原来位置不保留 | absolute |
| 固定定位，相对于浏览器窗口进行定位 | fixed |
| 叠放顺序，谁大谁在上 | z-index |
在整个居中的div容器上设置absolute绝对定位，会破坏div的居中
左右边距产生冲突，以左为准
上下边距产生冲突，以上为准
| 给浏览器设置高度，对全局 标签设置 |
| 居中 | margin：0 auto |
继承性的优先级是0
当id属性选择器和class选择器发生冲突时，id选择器优先
| 选择器 | 权重优先级 |
| id | 100 |
| class | 10 |
| p | 1 |
相同权重谁离得近谁优先级就高
不继承的属性：( 边框属性、外边距、内边距、
背景属性、定位属性、布局属性、元素的高度和宽度 )