`

CSS中一些标签的区别

 
阅读更多
1.什么是内联对象,什么是块对象?

所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。例如, div 是一个块对象,span 是一个内联对象。

块对象的特征是从新的一行开始且能包含其他块对象和内联对象。从新的一行开始:比如div就是前后断行;
内联对象被呈递时不会从新行开始,能够包含其他内联对象和数据。内联可以这样理解:不从新的一行开始,直接从内容里面,接着往后走。。。是指它能被别的对象内联。。。。

(“display:block;”、“float:left/right;”)强行转换



[b]2.和的区别


    表示表格的表头,第一行。代表具体内容。

    第一行为的话,默认表格第一行为的下一行。



3.css中 height 和 line-height的区别

[/b]

    line-height:行高 设置文字间上下距离还有可以让层里面的东西可以垂直居中
    height:高度 就是定义一个层 或某样东西的高度


[b]4.inline,block,inline-block的区别



   display:block就是将元素显示为块级元素.

   display:inline就是将元素显示为行内元素.

[size=x-small;] [size=small;] display:inline-block[/size][/size][size=small;]将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。[/size]


5.overflow的使用
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden  内容会被修剪,并且其余内容是不可见的。
scroll  内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto    如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
常用: scroll:可以控制div的滚动条。 hidden:控制div的内容
分享到:
评论

相关推荐

    Html+css+JavaScript实现的3D球面标签云效果

    每个标签可以被封装在一个`<div>`元素中,然后通过CSS类来应用特定的样式和布局属性。 接着,CSS(Cascading Style Sheets)负责赋予这些HTML元素外观和布局。为了实现3D效果,CSS3中的3D转换功能至关重要。通过`...

    css3文字标签云3D旋转特效.rar

    css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效.rar css3文字标签云3D旋转特效....

    纯css半圆角tab标签切换代码

    在纯CSS的Tab标签切换中,主要涉及到以下CSS知识点: 1. **选择器**:CSS选择器用于选取HTML元素,例如类选择器(`.class`)、ID选择器(`#id`)和标签选择器(`element`)。在这个项目中,我们可能会看到类选择器...

    css中hr标签的各种用法

    然而,通过CSS,我们可以进一步定制`<hr>`标签的外观,使其在设计中发挥更多作用。本文将详细介绍`<hr>`标签的各种CSS用法。 1. **基本使用** `<hr>`标签默认会生成一条横跨页面的单线条。例如: ```html ``` ...

    纯css标签.zip

    "纯css标签.zip"这个压缩包似乎包含了一系列用于创建美观且实用的CSS样式的资源。让我们详细探讨一下CSS标签样式及其多种应用。 首先,CSS标签样式是指通过CSS选择器直接应用到HTML元素的样式规则。这些选择器可以...

    CSS3文本框动画输入标签效果.zip

    在"CSS3文本框动画输入标签效果"中,jQuery用于监听用户对输入框的交互,比如鼠标点击或获得焦点,然后触发相应的CSS3动画。 具体实现过程如下: 1. **初始状态**:输入框的上方显示一个标签文本,例如"用户名",...

    java过滤html,css,js标签工具类(UnHtmlScript)

    在Java开发中,有时我们需要处理从网页抓取的数据,这些数据通常包含HTML、CSS和JavaScript标签,为了进一步处理和分析这些文本,我们需要将其净化,即去除这些格式化标签。`UnHtmlScript`工具类就是为了解决这个...

    html和css常见标签汇总

    html和css的常见标签汇总,便于web前端学习中查阅

    css3 3d 云标签

    3d云标签效果。 css3 .增加初始化发散效果。 translate

    CSS 标签说明字典

    【CSS 标签说明字典】是一份详细记录...综上所述,CSS标签说明字典涵盖了从基础到高级的CSS概念,对于网页开发者来说是不可或缺的参考资料。配合HTML和JavaScript的学习,能够帮助你构建功能完善、视觉美观的网页应用。

    css初始化标签

    css初始化,里面包含了大部分常用的标签,还有全局初始化

    css和js标签style属性对照

    css和js标签style属性对照

    纯CSS3超时尚Tabs选项卡流线型标签效果

    `js`和`css`目录分别存放JavaScript脚本和样式表文件,其中`js`可能包含了一些控制选项卡行为的逻辑,而`css`文件则是实现流线型标签效果的核心;`related`目录可能包含与该项目相关的其他资源或示例。 总结来说,...

    css3创意气泡文字标签布局动画特效

    本项目名为“css3创意气泡文字标签布局动画特效”,它利用了CSS3的关键帧动画(keyframes)属性来创建一个独特的、多彩的气泡文字标签布局,这些气泡大小不一,带有光晕效果,并随机排列。 首先,我们要理解CSS3的...

    纯CSS简洁TAB标签代码

    纯CSS简洁TAB标签代码! 很值得下载看看!资源免费,大家分享!!

    3D球体标签云特效,JavaScript CSS实现.rar

    在IT行业中,JavaScript和CSS是前端开发中的两个关键技术,用于构建动态且视觉吸引人的网页交互效果。"3D球体标签云特效,JavaScript CSS实现.rar"是一个压缩包,其中包含了一个利用这两种技术创建的3D球体标签云效果...

    css table 表格标签

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言,而HTML中的`<table>`标签则是用来创建表格布局的重要元素。`<table>`标签允许我们构建复杂的表格结构,包括行(`<tr>`)、列(`...

    css标签自动生成器

    4. **响应式设计**:现代网页设计强调响应式,CSS标签自动生成器可能会支持创建适应不同设备屏幕大小的样式,如手机、平板和桌面电脑。 5. **代码组织**:生成的CSS代码通常会保持整洁和有序,遵循一定的命名规则和...

    CSS3奇思妙想单标签实现各类图形

    在现代Web开发中,CSS3已经成为了不可或缺的一部分,它的强大功能和灵活性让我们能够实现许多过去只能...在提供的压缩包"magicCss-master"中,可能包含了一些示例代码和项目,你可以进一步学习和实践这些CSS3图形技术。

    CSS3旋转图标标签.zip

    综上所述,CSS3旋转图标标签涉及到了CSS3选择器、变换、过渡、动画、形状创建以及交互事件等多个方面,是现代网页设计中提高用户体验的重要技术手段。通过熟练掌握这些知识点,开发者能够创建出更具吸引力和互动性的...

Global site tag (gtag.js) - Google Analytics