静态网页开发技术之CSS 您所在的位置:网站首页 css的中文全称是什么 静态网页开发技术之CSS

静态网页开发技术之CSS

2023-11-14 00:55| 来源: 网络整理| 查看: 265

1)文笔有限,如果发现博客有书写有误的地方恳请读者直言不讳,我一定会第一时间改正。 2)代码的具体实现可以参考代码中的注释,如果由于注释不清楚而不明白相应原理,可以与作者私聊。码字不易,有兴趣的小伙伴点个赞呗,大家相互学习。

传送门: 1 定义 2 CSS的语法规则 3 CSS 与 HTML的三种结合方式 4 CSS 选择器 4.1 标签名选择器 4.2 id 选择器 4.3 class 选择器 5 常用样式

1 定义

CSS 的全称是 Cascading Style Sheets,即层叠样式表。它是用于增强网页样式,并允许将样式信息与网页内容分离的一种标记性语言。  

2 CSS的语法规则

在这里插入图片描述 其中,语法各部分的含义如下:

选择器: 浏览器根据选择器决定受 CSS 样式影响的 HTML 标签 属性 : 需要改变的样式名,并且每个属性都有一个值。 声明: 属性和值被冒号分开,并由花括号包围,这样就组成了一个完的样式声明。   3 CSS 与 HTML的三种结合方式

利用一个实例来介绍三种结合方式的区别。

需求:分别定义两个 div、span 标签,分别修改每个div 标签的样式为:边框1 个像素、实线、红色。

1)直接在 HTML 的标签的 style 属性上设置来修改标签样式

Title div标签1 div标签2 span标签1 span标签2

2)在 head 标签中,使用 style 标签来定义各种自己需要的 CSS 样式

Title


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有