网页前端笔记3

2022/2/7 6:15:50

本文主要是介绍网页前端笔记3,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

css

1.主要内容

2.css概述

 CSS层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS是用来美化网页的,没有网页CSS则毫无用处,所以CSS需要依赖HTML来展示其功能。

3.CSS基础使用

    css样式由选择器和一条或多条以分号隔开的声明组成,每条声明包含一个css属性和属性值。

 选择器名{

            属性:属性值;

     ......

}

 4.css选择器

  在css中,选择器是一种模式,用于选择需要添加样式的元素。

  4.1 基本选择器

   4.1.1通用选择器

     选择所有*

     *{  .....

}

*{

 color:orange;

  4.1.2元素选择器

    选择指定标签

 元素名称{....

p{
   color:red;
   font-size:20px;
}

 4.1.3.ID选择器

    选择设定过制定id属性值的元素

#id属性值{....

}

#p1{
   font-weight:bold;
}

 4.1.4类选择器

选择设定过指定class值的元素

.class属性值{....

}

.hidden{
    display:none;
}

 4.1.5分组选择器

当几个元素样式属性一样时,可以共同调用一个声明,元素直接用逗号分割

选择器1,选择器2,....{....

}

4.2组合选择器 

css组合选择器说明了两个选择器之间的关系,css组合选择符包含各种简单选择符的组合方式。

css中包含四种组合方式:后代选取器(空格分割),子元素选取器(大于号分割),相邻兄弟选择器(大于号分割),普通兄弟选择器(波浪线分割)

 



这篇关于网页前端笔记3的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程