CSS3

作者: 满咲意 | 来源:发表于2019-12-03 13:03 被阅读0次

css即层叠样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图像的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式

CSS3是CSS的当前最新版本

如何在HTML中引入样式表?

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

2、内嵌式:将css代码集中写在HTML文档的<head>头部标签中,使用 style 标签定义

3、链入式:将所有的样式放在一个或者多个以css为扩展名的外部样式表文件中,通过<link>标签链接到HTML文档中

基础选择器

1、标签选择器

2、类选择器

3、id选择器

4、通配符选择器

5、标签指定义式选择器(并集选择器):中间没有空格

6、后代选择器:以空格分隔

7、交集选择器:以逗号分隔

css的层叠性、继承性

1、层叠性

指HTML文件中对于同一个标签元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用

2、继承性

css中的某些样式时具有继承性的,它允许样式不仅应用于某个特定的HTML标签,而且应用于其后代

不具有继承性的属性:

1)边框属性

2)内边距属性

3)外边距属性

4)背景属性

5)定位属性

6)布局属性

7)元素宽高属性

css优先级

css的优先级是指css样式在浏览器中被解析的权重不同

1、样式优先级:内联样式 > 内部样式 > 外部样式

2、选择器优先级:内联样式 > id选择器 > 类选择器 > 标签选择器

相关文章

  • 网页高级知识点(三)

    CSS3 transition动画 CSS3 transform变换 CSS3 animation动画

  • CSS3-目录

    1 CSS3 兼容性 2 CSS3 选择器 3 CSS3 新加属性 4 CSS3 过渡动画 5 CSS3 变型 6...

  • CSS3 背景

    知识点: CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...

  • css3渐变:线性和径向

    知识点: CSS3 渐变CSS3 线性渐变CSS3 径向渐变 CSS3 渐变 渐变(gradients)可以在两个...

  • CSS3设置圆角边框 圆角特效代码 CSS3的圆角border-

    CSS3设置圆角边框 css3圆角特效代码 CSS3 border-radius 属性 使用 CSS3 borde...

  • 07day

    CSS3动画 CSS3 @keyframes 规则如需在 CSS3 中创建动画,您需要学习 @keyframes ...

  • css3 基础

    1. css3 起步 (图形2D旋转) 2. CSS3 模块 CSS3 被划分为模块。其中最重要的 CSS3 ...

  • CSS3:边框与圆角

    知识点: CSS3圆角CSS3盒阴影CSS3边界图片 一、CSS3圆角 border-radius属性 一个最多可...

  • css3圆角

    css3 圆角使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。CSS3 bord...

  • 1217

    资源:css3制作工具css3按钮生成css3制作特殊效果-web前端实验室 浏览器的型号和css3前缀 五种主流...

网友评论

      本文标题:CSS3

      本文链接:https://www.haomeiwen.com/subject/kndcgctx.html