小白学习CSS基础应用（一）——CSS样式规则与 CSS基础选择器

最新推荐文章于 2022-05-15 21:35:32 发布
最新推荐文章于 2022-05-15 21:35:32 发布
阅读量331 收藏
点赞数
分类专栏： 笔记 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49088441/article/details/107852094
版权
本文介绍了CSS样式规则，包括选择器与样式的书写规则，并详细讲解了行内式、内嵌式和链入式三种引入CSS样式表的方法。接着，探讨了CSS基础选择器，如标记选择器、类选择器、id选择器和通配符选择器的使用。
摘要由CSDN通过智能技术生成

一、CSS样式规则

如果你希望网页美观、大方，并且升级轻松、维护方便，这个时候就需要使用CSS，实现结构与表现的分离。

 

                      网上购物                                                   热点新闻                                                             热门游戏

                                                   CSS样式 修饰的网页大家随处可见

                                                                                               

                               

最低0.47元/天 解锁文章
菠萝吹雪t。
关注
专栏目录
HTML 学习记录3.2 CSS基础语法 选择器 创建形式
01-08
【CSS基础语法与选择器详解】 CSS，全称为层叠样式表（Cascading Style Sheets），是用于控制HTML或XML文档呈现样式的计算机语言。它为HTML内容提供了丰富的外观和布局设计，使得网页设计更加灵活多样。在HTML中，...
创建css的时候选择器有哪几类,指定要创建的 CSS 规则的选择器类型：
weixin_32557949的博客
08-03 880
指定要创建的 CSS 规则的选择器类型：若要创建一个可作为 class 属性应用于任何 HTML元素的自定义样式，请从“选择器类型”弹出菜单中选择“类”选项，然后在“选择器名称”文本框中输入样式的名称。注： 类名称必须以句点开头，并且可以包含任何字母和数字组合(例如，.myhead1)。如果您没有输入开头的句点，Dreamweaver将自动为您输入它。若要定义包含特定 ID 属性的标签的格式，请从...
css样式基础--基本选择器
qq_53454767的博客
04-02 204
 在该文件夹中新建index.html，输入图片所示内容，按照下列要求进行格式设置  标题以外的文字内容（标题部分请自己输入） 第一段文字 第二段文字 永和九年，岁在癸丑，暮春之初，会于会稽山阴之兰亭，修禊事也。群贤毕至，少长咸集。此地有崇山峻岭，茂林修竹，又有清流激湍，映带左右。引以为流觞曲水，列坐其次。虽无丝竹管弦之盛，一觞一咏，亦足以畅叙幽情，是日也，天朗气清，惠风和畅。仰观宇宙之大，俯察品类之盛，所以游目骋怀，足以极视听之娱，信可乐也。 夫人之相与，俯仰一世。或取诸怀抱，悟言一室之内；或因寄所托
DreamWeaver下如何应用CSS样式
步步拾遗
09-07 1万+
首先介绍一下CSS样式的属性： CSS样式属性被分为八大类：类型，背景，区块，边框，列表，定位，扩展。 类型主要定义文本的字体，大小，颜色，行高和修饰等。如图所示： 方法一： 内联样式可以通过style属性直接套进定义对象的HTML标记中去，即style属性值就是内联样式，使用格式如下： 例如这是内容， 使用内联样式有如下的优缺点： 缺点： 1.内联样式会与需要
dw中css目标规则命名,css 常用样式命名规则
weixin_33215027的博客
08-04 2505
大家在写css的时候，对一些html标签起一个合适的名字是个很头疼的事情，现在给大家分享项目中常用的名字供参考。外套：wrap ——用于最外层头部：header ——用于头部主要内容：main ——用于主体内容左侧：main_left ——左侧布局右侧：main_right ——右侧布局导航条：nav ——菜单内容：content ——中部主体底部：footer ——用于底部css...
DW学习笔记
SBYWisdon的博客
10-28 2914
HTML5学习笔记 一.HTML5基础 （一）.HTML5基础文本标签 1.标题标签<h1>——<h6> <h1>标题1</h1> #1通常用于主标题 字号逐级变小 它是块元素会自动换行 <h2>标题1</h2> <h3>标题1</h3> <h4>标题1</h4> <h5>标题1</h5> <h6>标题1</h6> 2.段落标签<p
HTML+CSS零基础入门学习教程之类选择器详解基本使用
01-08
HTML和CSS是构建网页设计的基础，其中类选择器是CSS中一种强大的选择器类型，它允许我们更加精确地控制元素的样式。对于零基础的学习者来说，理解并掌握类选择器的基本使用至关重要。 1. 类选择器的基本使用 类选择...
JavaWeb——css基础知识与它的三种使用方法和三种选择器
01-08
什么是css css，全称Cascading Style Sheets，中文名：层叠样式表。...选择器：浏览器根据“选择器”决定受CSS样式影响的HTML元素（标签,id或者类） 属性（ property）是你要改变的样式名，并且每个属性
HTML基础必看——全面了解css样式表
09-28
选择器是CSS的核心部分，它们决定了哪些元素应用哪种样式： 1. 标签选择器：直接使用HTML标签名，如`p`或`div`。 2. 类选择器：以`.`开头，如`.class_name`，可以应用于多个元素，提供更细粒度的控制。 3. ID选择器...
html 所有选择器 无效,css样式不生效的原因是什么？
weixin_42452328的博客
06-03 2830
在写页面时，有时会发现自己写的样式无法生效，那么CSS样式为什么会不生效？原因是什么？下面本篇文章就来给大家介绍一下，希望能给一些初涉此道的朋友一些帮助。html标签没写完整，漏了“”或者“/”等这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。CSS语法错误以谷歌浏览器的开发者工具为例，一般语法错误会显示为该样式被划去，样式左侧有图标提示，鼠标移...
dw中css目标规则命名,CSS名规则.doc
weixin_31570865的博客
08-04 2011
CSS名规则CSS-命名总结热度 2已有 26 次阅读 2010-8-13 23:42 |个人分类:资料库|关键词:CSS 命名HYPERLINK ""CSS书写命名总结一、命名原则:不要通过视觉外观来给元素命名，而是根据功能给元素命名。ID具有唯一性，Class具有可重复性。让所有的Class元素都成为外围ID元素的子级或孙级。网页模块化，利于网站代码的控制，维护和修改a.外围架构使用ID控制b...
样式规则选择器和样式属性
老农写代码
02-27 1988
1、样式规则选择器：    HTML selector    CLASS selector    ID selector   关联选择器   组合选择器   伪元素选择器      Class selector：   要将一种HTML标签所创建的各个网页元素分成几类，需要将这个HTML标签的class属性设置为不同的值。    paragraph1   
dw中css规则定义中文,Dreamweaver编辑CSS规则
weixin_39950470的博客
08-03 4614
核心提示：本教程为大家介绍一下Dreamweaver编辑CSS规则，希望对大家有帮助。本教程为大家介绍一下Dreamweaver编辑CSS规则，希望对大家有帮助。一、在“CSS样式”面板的“正在”模式下编辑CSS规则1. 打开“CSS样式”面板。2. 使“CSS样式”面板处于“正在”模式下。3. 选择当前页面中一个HTML元素，此时已在“CSS样式”面板中显示了此元素的CSS属性。4. 请选择下面...
dw 不使用css 使用html文件,Dreamweaver使用CSS样式表设置网页文本格式
weixin_39842271的博客
06-18 623
Dreamweaver使用CSS样式表设置网页文本格式互联网 发布时间：2008-10-17 19:35:50 作者：佚名 我要评论本文章介绍如何在 Dreamweaver 中使用层叠样式表 (CSS) 设置页面中的文本格式。您可以使用 CSS 以 HTML 无法提供的方式来设置文本格式和定位文本，从而能更加灵活自如地控制页面的外观。了解 CSS层叠样式表 (CSS) 是一系列格式设...
【CSS】基础 各种选择器
weixin_62321221的博客
05-15 2623
一.CSS使用方法 1.内联样式 内联样式也叫作行内样式,就是在html标签中,开始标签中写入style属性,来完成样式渲染. 优势:单独渲染该标签,优先级非常高 劣势:不利于修改,复用性很差 2.内部样式 在html文件中的<head></head>标签中加入<style></style>标签,在<style>标签中写CSS样式. 书写时需要用到选择器和{},复用性高于内联样式,插入到当前html中,别的页面不能使用 3.外部.
制作唐诗网页代码_【在线实践】网页设计综合练习12
weixin_29304021的博客
12-27 3060
1、利用C:\KS\wyA文件夹下的素材(图片素材在wyA\images文件夹下)，按以下要求制作或编辑网页，结果保存在原文件夹下。(1)打开主页index.html，设置网页标题为"唐诗流派"；设置网页背景图像bj.jpg；设置表格属性：居中对齐，边框线粗细、单元格填充和单元格间距均设置为0。(2)合并表格第1行1-3列的单元格；设置表格第1行文字在单元格内居中对齐，并设置文字格式(C...
Dreamweaver CSs网页设计css规则定义翻译
热门推荐
惜忆隐蝶
10-30 1万+
在Dreamweaver CS网页设计中，对于初学者来说，学习CSS样式基础其实不是很难，现在小编将CSS规则定义翻译如下，希望能给一起学习网页设计的网友更多方便，可供参考与理解。 当然，如果你觉得此经验有用，请记得收藏！ 工具/原料   Dreamweaver CS6   CSS规则定义   1   如图，CSS定义之类型，图中已标有译文。
DW-CSS简介
yanyuyanxin的博客
12-09 2148
1. ※ CSS简介 语法格式（p40）※ CSS规则定义的位置（p41）※ CSS选择器类型（p42-43）    ※ 在HTML中引用CSS的方法（p43-44）    ① CSS代码语法     CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 CSS样式由选择符
CSS基础：ID选择器语法与应用详解
ID选择器是CSS（层叠样式表）...通过结合其他CSS选择器（如标记选择器、类别选择器、伪类选择器等），你可以实现更复杂的页面样式管理和维护。在Web开发中，熟练运用CSS样式表可以极大地提升页面的可维护性和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值