css点井区别

CSS选择器与间距属性
最新推荐文章于 2025-12-09 13:48:31 发布
原创 最新推荐文章于 2025-12-09 13:48:31 发布 · 899 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #class #html

本文介绍了CSS中点（.）与井号（#）的选择器含义，即class与id的选择，以及Margin与Padding的区别。Margin用于不同标签间的距离隔离，而Padding用于同一元素内部的内容分割。

css中"点"与"井号"的含义

      #对应id
       .对应class
       不加对应html标签
---------------------------------------------
Margin与Padding的区别
　　
两者都是代替表格最重要的作用，分割块的好方法，区别在于
Margin是不同的Tag间互相隔离的距离
Padding是同一元素中不同内容分割使用，这在表格中最看得清楚。
尤其是当对一个区域加载了背景样式之后，Padding下的内容背景色会发生改变，而Margin则不会有所改变

*道童*
关注
css中的边框图片
simple_Xsg的博客
04-11 952
为了实现丰富多彩的边框效果，在css3中，新增了 border-image属性，这个新增属性允许指定一副图像作为元素的边框。 2. 边框图片的使用场景 盒子大小不一，但是边框样式相同，此时就需要边框图片来完成，不是背景图片，而是用边框图片来实现。 3. 边框图片的切图原理 最主要是把四个角切出去，利用井字型来把四个角切出去，一定要保留四个角的完整性，顺序是：上 右 下 左； 4. 边框图片语法规范 border-image-source:用在边框的图片的路
一段实现井字形表格的CSS，兼容IE7、IE8、IE9、IE10、Firefox、Chrome
weixin_30794491的博客
02-01 194
效果图： html+css代码： html+css 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=...
CSS画井
吴彬的小窝
06-20 430
Document .box1{ width:300px; height:100px; border-bottom:1px solid #333; border-top:1px solid #333; margin: 150px auto; /*border-radius:60%;*/ } .box2{ width:100px; height:300px; border-
html/css 浮动练习之井字形布局
weixin_30384217的博客
08-24 520
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head&...
井型与井别的区别
雅冰石的专栏
04-15 7177
井型是石油 工程 术语，它是指井的类型，不过在石油工程中，还有一个与它相近的术语，叫井别，井别也是指井的类型。 井型与井别的区别是： 井型是从井眼的轨迹形状出发去分类的，它可分为两大类：直井和定向井（水平井可看着是定向井的特殊情形）：直井是按钻井设计规定，控制井斜在规定要求的范围内所钻的井，它的特点是井眼轨迹大体是垂直的；而定向井则是采取特殊的工艺手段，使井斜、井眼形状按预定的方位和水平
css中井号，点，星号的区别和应用实例。
热门推荐
xge的专栏
05-05 1万+
在css文件中，经常会看到#号、*号和“.点”，对于没有一点css阅读、开发经验的朋友来讲，这几个符号所代表的意思是什么、有什么作用，肯定是一点都不知道，那么今天我们就一起来认识一下这3个符号在css中的共同点和区别。 “#(井)号”、“*号”、“.点”的相同点： 他们有着一个共同点， 就是都是用来控制网页中元素的css代码的一部分，没有了这几个符号，css代码就无法控制网页元素的显示布局，页
html5中css的井号,html5 css选择器。 井号，句号的区别
weixin_42361133的博客
06-24 876
、理解CSS的样式组成CSS里的样式表是有规则组成的，每条规则有三个部分组成：1、选择器(如下面例子中的：“body”)，告诉浏览器文档的哪个部分受规则影响；2、属性(如实例中的font-family、color等)，规定了布局的什么方面被设置了；3、值(如实例中的Arial,sans-serif，#333333等)，给出了式样属性的值。二、CSS式样中不同符号的区别#是ID选择器 .是class...
大家看了就明白了css样式中类class与标识id选择符的区别小结
10-30
Css 样式中类 class 与标识 id 选择符的区别小结 Css 样式中类 class 与标识 id 选择符是两个基本的选择符，它们都是用来在 HTML 元素中应用样式的，但是它们之间存在着一些关键的区别。 类选择符（Class) 类选择...
CSS 类选择符和ID选择符的区别
09-27
在CSS中，类选择符和ID选择符是两种常用的选择器，它们在语法结构和使用场景上存在一些差异。 类选择符（Class Selector）使用点号（.）开头，后跟类名。类名可以包含字母、数字、连字符和下划线，但必须以字母开头...
详细了解CSS中的class与id区别及用法
09-25
在CSS中，class和id是定义样式时经常使用的两种选择器，它们在网页中扮演着不同的角色，掌握它们的使用方式和区别对于前端开发者来说至关重要。 class，中文意为“类”，在CSS中作为选择器时，用于选取具有相同...
深入理解CSS：完成作业03的关键知识点
由于提供的信息有限，无法确定具体的CSS知识点。不过根据标题和描述，“作业03”和“CSS”，我们可以推测这可能是一个与CSS相关的编程任务。因此，以下内容将重点讲述CSS的基础知识、相关概念以及可能在作业中会涉及...
CSS “点 ”“井号”的含义and ID class区别
weixin_34292924的博客
04-13 593
body{        font-family: Arial,sans-serif;        color: #333333;        line-height: 1.166;               margin: 0px;        padding: 0px; } #masthead{        margin: 0;        ...
关于css中“点“,“井号“,“逗号“,“空格“,“冒号“的用法
子燕若水的博客
12-09 5085
详解css中"点","井号","逗号","空格","冒号"的用法_三级小野怪的专栏-优快云博客body{ font-family:Arial,sans-serif; color:#333333; line-height:1.166; margin:0px; padding:0px;}#masthead{ margin:0; padding:10px 0px; border-botton:https://blog.youkuaiyun.com/zhengzhb/article/details/7241642里面提到
CSS选择器
qq_42773045的博客
10-06 155
选择器 1、选择器 选择器优先级：id&gt;类名&gt;标签 ① 作用：选中html中的元素 （基础选择器 伪类选择器 伪元素选择器 属性选择器 子代选择器） ② 标签选择器 css中书写：标签名 ③ 类名选择器 类命名规则：以字母、_、开头，数字、字母、下划线、开头，数字、字母、下划线、开头，数字、字母、下划线、 html中书写：class=”类名” css中书写：.类名 ④ i...
【JavaWeb】CSS_三种引入方式
qq_43494013的博客
12-05 443
【JavaWeb】CSS_三种引入方式
【css】如何让 fixed 元素具有父节点同样的宽度？
最新发布
纠缠AI的亮子
12-09 77
子元素（fixed）的宽度设为100%就可以，这也是错误的。有效的方法是通过javascript获取父级元素宽度，然后设置。认为是一样的，其实不是。还有不少人认为父级元素使用。
HTMLminecraft版本
2501_92309719的博客
12-04 667
选中的方块: <span id="selectedBlock">草方块</span></p><p>坐标: <span id="coordinates">0, 0</span><strong>鼠标右键</strong> - 放置方块
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值