对css的认知与学习(新手)

对与css的学习是必不可少的,而css作为修饰框架的重要部分更是站主体地位,在css的学习中大多数都是一些常用的语法,基本的属性,其中许多也基本的很重要的,用于设置元素的样式属性和值。

由属性名和属性值组成,中间用冒号分隔,例如 color: red;

p {  /* 选择所有段落元素 */
  color: blue;  /* 设置字体颜色为蓝色 */
  font-size: 16px;  /* 设置字体大小为 16 像素 */
}

.myclass {  /* 选择 class 为 myclass 的元素 */
  background-color: yellow;  /* 设置背景颜色为黄色 */
}

#myid {  /* 选择 id 为 myid 的元素 */
  text-align: center;  /* 设置文本水平居中 */
}

CSS 通过选择器选中要样式化的元素,然后通过声明设置元素的属性和值。

选择器是样式规则的核心,决定了样式应用的范围。

属性和值共同定义了元素的具体外观。

body {
  font-family: Arial, sans-serif;  /* 设置字体 */
  background-color: #f0f0f0;  /* 设置背景颜色 */
  margin: 0;  /* 去除默认外边距 */
}

h1 {
  color: red;  /* 设置标题颜色 */
  text-align: center;  /* 设置标题居中 */
}

CSS 提供了大量的属性,用于控制元素的字体、颜色、布局、边框、背景等,所以对于css的学习也是极为重要的!

【css 中对伪类伪元素的认知学习】

在css中经常会看到:和::这两种特殊的符号而这两种元素符号则是伪类和伪元素。

什么是伪类呢,以冒号(:)开头,用于选择处于特定状态的元素。

伪元素:以双冒号(::)开头,用于在文档中插入虚构的元素。

例如<p>hello,world!<p>

p:first-child{

  color:red;

}这样的话hello这个单词会变成红色的

p::after{

  content:'last'

}这样写的话会在hello,world!后面加上last,hello,world!last(last是)

伪类用于向某些已经存在的选择器添加特殊效果当状态改变时。

伪元素用于将特殊效果添加到不存在的虚拟元素中。

如有不对请大佬即使纠正(谢谢)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值