front-end CSS(1)选择器/字体属性/文本属性/引入方式

本文介绍了CSS的基础知识,包括选择器的分类如标签选择器、类选择器、id选择器和通配符选择器,详细讲解了字体属性如font-family、font-size、font-weight和文本属性如color、text-align、text-decoration,以及CSS的三种引入方式:行内样式、内部样式和外部样式。强调了类选择器的常用性和ID选择器的独特性,并提供了最佳实践建议。
摘要由CSDN通过智能技术生成

CSS 介绍

html具有局限性,它只负责页面的架构,只关注内容的语义。而美化是由CSS来处理的。
CSS: cascading style sheets,翻译过来是层叠样式表,或者,级联样式表。

CSS 语法规范

CSS有两部分:选择器样式:属性:值。
属性:值,称为键值对
写在head标签里面:

<head>
<style>
	p {
     
	color: red;
	font-size: 12px;
	}
</style>
</head>

CSS 代码风格

  1. 紧凑风格
h4 {
    color: red;font-size: 12px;}
  1. 展开风格
h4 {
    
	color: red;
	font-size: 12px;
	}

提倡第二种风格,看起来更加直观。另外,提倡小写来书写CSS。

空格规范:

  • 冒号后面+一个空格
  • 选择器后面+一个空格+{

CSS 选择器

CSS 选择器分类

选择器可以分为基础选择器复合选择器两类。

基础选择器࿱
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值