CSS入门


一、CSS简介

 CSS层叠样式表:

  Cascading   Style   Sheets

     层叠         样式      列表 

 样式表分类:

  外部、内部、行内样式

  样式优先级: 行内元素样式 > 内部样式设置 > 外部链接样式设置 

 CSS文件结构:

二、CSS基本使用

 CSS选择器:

  作用:用来选择(找到)需要添加样式的位置

   常用选择器:标签选择器、(归)类选择器

<style type="text/css">
    p{
        background-color: gray;
        font-size: 40px;
    }
    .p1{
        font-family: 隶书;
    }
style>

 CSS样式设置:

 外部样式表:

  作用:使网页的表示层与结构层彻底分离

<link rel="stylesheet" type="text/css" href="index.css">

三、CSS常用样式设置

 文本样式:

  作用:美化、修饰页面的文字部分相关内容

   

 字体样式:

  作用:定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)

 列表样式:

  

四、伪类和伪元素

 作用:设置超级链接的四种状态

  状态伪类选择器:

   结构伪类选择器:

 

  伪元素选择器:

 

 五、CSS其他选择器

 

 选择器优先级:

 

相关