CSS入门简介(小白入门)

首先在开始的时候我先向大家科普一下CSS
CSS层叠样式表是一种用来表现HTML的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化,还能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

CSS语言是写在内部的在建立好HTML标签后可如上图建立style来书写css语言

下面我先来大致介绍下CSS的最基础的几项
1:CSS基本语法结构

CSS
基本语法机构：
选择器{
属性：值；
}

选择器作用： 选中标签对其进行样式美化
属性作用：对元素进行哪些样式美化
值作用：决定属性美化样式的程度
注意：css中的属性与html元素行内属性不是一个东西
(注:id 属性；具有唯一性； 他的值是自定义的)

2:CSS选择器
-元素选择器

• html标签； 选中所有对应的html标签

• .class 选中素有具有class行内属性的标签

• #id 选中所有具有id 行内属性的标签，

• *选中所有元素
  id 与 class 区别

• id具有唯一性 建议：不要给不同的元素命名听一个id值

• class 类选择器；可以给多个元素同一个class值

• 关系型选择器

  • 父子

  • 空格 子孙
  • ~普通兄弟
  • +相邻兄弟

• 属性选择器

• 语法 : 元素[属性=值]

• 例如：input[name=login] 选中Input元素name=login的标签

• 伪类选择器

  • 鼠标事件 :hover 当鼠标移动到元素时候显示什么杨思
    ：active 在鼠标点击和释放之间的样式
    ：link 链接访问前的样式
    ：visited 链接访问后的样式 注意：link visited 只是针对链接a标签
    不建议使用 visited link 有缓存
  • 集合选这起
    li：nth-og-type(n) 选中第n个li
    3:CSS属性
    文字类
    大小 font-size
    颜色 color
    粗细 font-weight
    形式 font-family
    文本修饰：
    对齐方式 text-ali gn center 居中 left 左对齐 right 右对齐
    行高 line-height 用于文本类垂直方向对齐方式 值小于等于父元素高度
    text-decoration-xx 复合属性；要想有效果；前提必须有修饰。
    text-shadow 设置文字阴影 四个值
    值一 影子文字在水平方向移动的位置；大于0往右移动 小于0往左移动
    值二 影子文字在竖直方向移动位置 大于0往下移动 小于0 往上移动
    值三 影子文字清晰度 大于0 值越大越模糊
    值四 设置影子文字颜色
    注意：在css样式中 一般文字或者文本类属性是可以被继承的。