HTML入门：CSS概述和选择器

最新推荐文章于 2024-09-14 15:26:51 发布
最新推荐文章于 2024-09-14 15:26:51 发布
阅读量105 收藏
点赞数
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lwcarry2/article/details/125553720
版权

课程目标

  • 了解CSS是什么？用来干嘛的？
  • 掌握CSS的语法结构
  • 掌握CSS的引入方式
  • 掌握基础选择器的使用

语法规则

选择器{     

              声明块

                        }

  p{
      color: black;
   }
  • 选择器：通过选择器可以选中页面的制定元素
  • 声明块：通过声明块来制定要为元素设置样式

CSS引入的方式

  • 行内样式
  • 内部样式
  • 外部样式

CSS选择器

基础选择器

  • 元素选择器
  • Id选择器
  • Class选择器
  • 通配符选择器

复合选择器

  • 后代选择器
  • 父子选择器
煎饼师傅
关注
HTML学习笔记（三）css选择器
qq_45288211的博客
08-23 297
一、css的引入方式 内联样式： 内联样式表就是把css代码直接写在现有的HTML标签中 缺点：样式与结构冗余 优点：优先级较高 <div style="color:red">设置文字的颜色为红色</div> 样式的内容写在元素的开始标签里，并且css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。 这种样式只会对当前标签起作用，在测试的时候可以使用，不能对样式进行复用，不方便后期维护，不推荐使用 内部样式表 缺点：样式的复
CSS简介及基础选择器
qq_47412862的博客
04-18 734
目录 一、CSS简介 1.1CSS语法简介 1.2 CSS代码风格 二、CSS基础选择器 2.1 选择器分类 2.2 标签选择器 2.3 类选择器 2.4 id选择器 2.5 通配符选择器 CSS的主要使用场景就是美化网页，布局页面的。 因为HTML具有一定的局限性，只关注内容的语义，外表不够美观，虽然可以做简单的样式，但是很臃肿和繁琐。 一、CSS简介 CSS是层叠样式表的简称，也称CSS样式表或级联样式表。 CSS是一种标记语言，主要用于设置HTML页面中的文本内容（字体..
前端初识到入门：CSS常用复合选择器
weixin_45921611的博客
09-22 142
复合选择器 概述：由两个或多个基础选择器通过不同的方式组合而成的选择器 常用复合选择器 后代元素选择器 语法：E F{ 样式声明 } 空格连接一个或多个选择器 作用：选择E元素内部包含的所有F元素 代码示例： .box a{ color:red; } 子元素选择器 语法：E>F{ 声明样式 } >大于号 连接一个或多个选择器 作用：选择E元素内部包含的所有直接子元素F 代码示例： .box > a{ color:Red; } <di...
探索前端世界：HTML、CSS和JavaScript入门概述
dsfdaifeng的博客
11-05 780
我是学化工的海潮，分享下自己学习前端的知识。在现代的网页开发中，HTML、CSS 和 JavaScript 被默认称为前端三大件，。它们共同构成了构建互联网世界的基石，也是是vue,react等热门前端框架的基础，为我们创造出美观、交互性强的网页和应用程序。无论是开发简单的静态网页还是复杂的网络应用程序，熟练掌握 HTML、CSS 和 JavaScript 都是至关重要的。它们的组合使用让我们能够构建出精美、功能丰富的网页，将我们的创意和想法传达给全世界。
css3从入门到熟练运用（二）：css3选择器让样式飞起来
木子聊前端
06-05 248
css3从入门到熟练运用（二）,介绍css的基础选择，伪类选择，最后结合html5 实现 一篇文章的优美布局
CSS入门指南：样式和选择器
CSS（Cascading Style Sheets）是一种用于描述网页样式和布局的语言，它起到了关键的作用，使得网页能够呈现出美观的外观和良好的用户体验。在现代Web开发中，CSS已成为不可或缺的一部分，对于构建各种各样的网站和...
【基础】网页结构分析：XPath和CSS选择器入门
[【基础】网页结构分析：XPath和CSS选择器入门](https://img-blog.csdnimg.cn/ba21d468fb4b4212add9a53c91f41b3b.png) # 1. 网页结构分析概述 网页结构分析是指对网页内容和结构进行解析和理解的过程，目的是提取有...
HTML CSS零基础入学宝典：css初级篇-css引入css基础选择器选择器权重
## 1.1 介绍：为什么要学习HTML和CSS 在当今数字化的时代，网页设计和开发变得越来越重要。学习HTML（超文本标记语言）和CSS（层叠样式表）是入门网页开发的第一步。HTML用于结构化网页内容，而CSS用于美化和布局...
html5和css3入门到精通
04-10
CSS3部分主要介绍了CSS3概述，CSS选择器，文本、字体与颜色，背景和边框，2D变形，设计动画，网页布局、用户界面以及CSS3的其他新特性。 内容涵盖了HTML5+CSS3的所有重要特性，通过大量实际案例对HTML5+CSS3的重要...
前端用html写excel文件直接打开
全易
09-10 574
html文件直接用excel打开
水平垂直居中的几种方法（总结）
致未来的你。的博客
09-11 1105
水平垂直居中的几种方法（总结）
HTML + CSS - 网页布局之一般布局&浮动布局
qq_51222843的博客
09-11 1089
讲解CSS中的一般布局以及浮动布局
HTML中的文字与分区标记
qq_74861982的博客
09-11 436
HTML中的文字与分区标记
使用HTML
nice66660的博客
09-09 875
a>
《HTML 与 CSS—— 响应式设计》
asd4353012的博客
09-11 1491
HTML 和 CSS 在响应式设计中起着至关重要的作用。通过使用语义化标签、响应式图像、媒体查询、弹性布局和响应式网格系统等技术，可以实现网页在不同设备上的自适应显示，提供最佳的用户体验。在进行响应式设计时，要遵循移动优先设计、内容优先和测试优化等最佳实践，不断提高网页的质量和性能。随着移动设备的普及和技术的不断发展，响应式设计将变得越来越重要，开发者需要不断学习和掌握新的技术和方法，以满足用户的需求。
水平居中的几种方法（总结）
致未来的你。的博客
09-11 708
水平居中的几种方法（总结）
requests-html的详细使用方法
2301_79698214的博客
09-11 292
requests-html是一个Python库，用于发送HTTP请求并解析HTML。它基于 requests 和 pyquery 库，提供了一种更简单和更方便的方式来获取和处理网页内容。以上是requests-html的一些常用使用方法，可以根据实际需求灵活使用。
打造民国风格炫酷个人网页：用HTML和CSS3传递民国风韵
最新发布
m0_61118741的博客
09-14 1014
这个示例展示了如何结合民国风格和现代网页设计元素，创造一个既古典又炫酷的网页。通过细致的CSS样式和动画效果，我们实现了古典美学与现代技术的完美融合。这种设计不仅在视觉上吸引人，也在功能上提供了良好的用户体验。希望这个示例对你在网页设计方面有所启发！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值