千家信息网

CSS语法、选择器、声明的方法

发表于:2025-02-02 作者:千家信息网编辑
千家信息网最后更新 2025年02月02日,这篇文章主要讲解了"CSS语法、选择器、声明的方法",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"CSS语法、选择器、声明的方法"吧!一、HTML表单<
千家信息网最后更新 2025年02月02日CSS语法、选择器、声明的方法

这篇文章主要讲解了"CSS语法、选择器、声明的方法",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"CSS语法、选择器、声明的方法"吧!

一、HTML表单

  1. Insert title here

  2. 账号:

  3. 密码:

  4. 性别:

  5. 兴趣爱好:

  6. 音乐

  7. 看书

  8. 打球

  9. 头像上传:

  10. 城市:

  11. 简介:

二、CSS

CSS指层叠样式表,样式定义如何显示HTML元素,样式通常存储在样式表中。

三、CSS如何使用

内联方式:样式定义在单个的HTML元素中

内部样式表:样式定义在HTML页的头元素中

外部样式表:将样式定义在一个外部的CSS文件中(.css)由HTML页面引用样式表文件

  1. css样式演示

  2. CSS

  3. CSS有三种样式

  4. 1.内联样式

  5. 2.内部样式

  6. 3.外部样式

四、CSS规则特性

继承性:父元素的声明可以被子元素继承,如字体、颜色等。

层叠性:同一个元素若存在多个css规则,对于不冲突的声明可以叠加

优先级:同一个元素若存在多个css规则,对于冲突的声明以优先级高着为准。

  1. css优先级演示

  2. HELLO WORLD!

  3. 你好,世界!

五、CSS选择器

元素选择器:通过元素名来选择css作用的目标 比如

类选择器:允许以一种独立于文档元素的方式来指定样式 语法为:.className{}

id选择器:选择id等于某值的唯一元素。以一种独立于文档元素的方式来指定样式,它仅作用于id属性的值*/

选择器组:写出一组选择器选中每个选择器所对应目标的并集

  1. 选择器演示

  2. 昨天又是忙碌的一天

  3. 今天也是忙碌的一天

  4. 后天又是忙碌的一天

  5. 不管怎么样,生活还得继续呀

  6. 北京市海淀区200号5号楼5号房

  7. 百度

  8. 淘宝

  9. 错误的网站

边框:

  1. Insert title here

  2. 李白

  3. 李白(701年-762年) ,字太白,号青莲居士,又号"谪仙人",是唐代伟大的浪漫主义诗人,

  4. 被后人誉为"诗仙",与杜甫并称为"李杜",为了与另两位诗人李商隐与杜牧即"小李杜"区别,

  5. 杜甫与李白又合称"大李杜"。据《新唐书》记载,李白为兴圣皇帝(凉武昭王李暠)九世孙,

  6. 与李唐诸王同宗。其人爽朗大方,爱饮酒作诗,喜交友。

边距:

  1. Insert title here

  2. d0

  3. d1

  4. d2

  5. d3

  6. d4

  7. d5

感谢各位的阅读,以上就是"CSS语法、选择器、声明的方法"的内容了,经过本文的学习后,相信大家对CSS语法、选择器、声明的方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!

0