CSS基础知识

  1. CSS :Cascading Style Sheet层叠级联样式表

  2. 涉及内容:美化网页(字体、颜色、编剧、高度、宽度、背景图片、网页定位、网页浮动)

  3. 发展史:CSS1.0(字体) CSS2.0(div+css)CSS2.1(浮动、定位)CSS3.0(圆角、阴影、动画、浏览器兼容性)

  4. html文件内涵简单样式
    CSS基础知识_第1张图片

  5. link链接css样式
    CSS基础知识_第2张图片

  6. css的优势:内容和表现分离,代码简洁美观、可以实现复用、样式丰富、利用SEO,容易被搜索引擎收录。

  7. CSS的三种导入方式
    优先级:就近原则~CSS基础知识_第3张图片

  8. 外部样式的两种导入方式:链接式(html标签)、导入式(css2.1特有)(大网页会导致先结构后渲染)
    CSS基础知识_第4张图片

  9. 选择器:选择页面上的某一个或某一类元素
    基本选择器:标签选择器、类选择器、id选择器
    优先级:id选择器>类选择器>标签选择器
    CSS基础知识_第5张图片
    CSS基础知识_第6张图片
    CSS基础知识_第7张图片

  10. 层次选择器
    后代选择器、子选择器、相邻兄弟选择器、通用选择器
    后代选择器:某个元素后面所有
    CSS基础知识_第8张图片子选择器:某个元素的儿子元素
    CSS基础知识_第9张图片
    相邻兄弟选择器:类选择器的下面相邻元素
    CSS基础知识_第10张图片
    类选择的下面元素
    CSS基础知识_第11张图片

你可能感兴趣的:(基础知识,css,html,前端)