HTML中样式混合使用规则,CSS样式使用规则与描述

本文探讨了CSS的基础概念,如定义文本样式、图片调整和布局,遵循的规范,以及CSS选择器和语法。深入讲解了行内样式与内联式CSS的区别,以及灵活引入CSS的方式,包括嵌入和外部文件。特别关注了常用的CSS样式特点和应用技巧。
摘要由CSDN通过智能技术生成

一:CSS的描述

1、CSS通常称为CSS样式或层叠样式表,主要用于设置HTML页面中的文本内容(字体、大小、 对其方式等)

2、图片的外形(高宽、边框样式、边距等)以及版面的布局等外观显示样式

3、CSS可以是HTML页面更好看,CSS色系的搭配可以让用户更舒服

4、CSS+DIV布局更佳灵活,更 容易绘制出用户需要的结构

二:CSS样式使用规则

1、使用HTML时,需要遵从一定的规范,CSS也是如此有一定规范

ffd8e5b386caa7c58fdee0504dbe42fc.png

2、语法解释

"选择器"用于指定CSS样式作用的HTML对象

括号内是对该对象设 置的具体样式

属性和属性值以键值对方式呈现,英文冒号":"分隔

多个属性之间使用英文 分号";"

a58dc83a62bd37bbf1a0a8c6a782acf4.png

三:CSS样式特点

1、"选择器"严格区分大小写

2、"属性"和"属性值”不区分大小写

3、多个属性之间使用英文的分号隔开,最后一个属性的分号可以省略(建议写上便于阅读)

4、为了提高CSS样式阅读加上注释与CSS样式的缩近排版

625f27fc6baf8ba2f5c471f079804e8a.png

四:CSS样式引入

1、CSS使用非常灵活,可嵌入在HTML中

2、也可是一个单独的文件,如果是单独的文件, 必须.css为扩展名

五:种常用方式

1、行内样式

1、行内样式,是通过标签的style属性来设置元素的样式

2、行内样式通过标签的属性来控制样式,没有做到结构与表现(HTML结构、CSS显示 )分离(少使用)

27094666712c7a328accfd6bb529c42c.png

2、内部样式(内嵌式)

1、CSS代码集中卸载HTML文档的

标签体中,并且使用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值