HTML CSS基础(二)

块元素和行内元素

HTML元素根据表现形式,可以分为2类:

  • (1)块元素(block);
  • (2)行内元素(inline);

任何HTML元素都属于这两类中的其中一类。

2、块元素特点:

  • (1)独占一行,排斥其他元素跟其位于同一行,包括块元素和行内元素;
  • (2)块元素内部可以容纳其他块元素或行元素;

3、行内元素特点:

  • (1)可以与其他行内元素位于同一行;
  • (2)行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知的效果。

在这里,所谓的“独占一行”并不是在代码中独占一行,而是在浏览器显示效果中独占一行。

表1 常见块元素
块元素 说明
div div层
h1~h6 1到6级标题
p 段落,会自动在其前后创建一些空白
hr 分割线
ol 有序列表
ul 无序列表
表1 常见行内元素
行内元素 说明
strong 加粗强调
em 斜体强调
s 删除线
u 下划线
a 超链接
span 常用行级,可定义文档中的行内元素
img 图片
input 表单
时间: 2024-10-12 09:30:05

HTML CSS基础(二)的相关文章

Html5开发——html+css基础二(个人博客一)

今天没有写完,而且写的还有点问题,所以今天就先不上传代码了(ps:快写完了才发现布局有问题,导致代码太多,感觉写的不是很好,所以今天先分析一下布局) 第一步先写一个大的div用来放ABC三个部分,这个大的div居中! 第二步分别写ABC三个部分,ABC三个部分分别使用浮动(float)来定位.A和B都各使用了一张非常小的图片,通过重复(repeat)属性生成A和B 第三步C部分分别写好3~16这几个模块,在通过组合利用浮动定位.分组如下: E:3 F:4.7.10.13 G:5.8.11.14

HTML/CSS从零开始-CSS基础(二)

一.css定义 (cascading style sheets) 层叠样式表 表现标准语言,对网页信息显示进行控制 二.css的建立 2.1内部建立 (建立在head里用标签<style>)语法:      <head>      <style type="text/css">      div{widtn:300px;height:300px;border:1px solid red;}      </style>      说明:(1

css基础二

1,文本 文本颜色: <style> body {color:red;} /*为body的所有字体设置字体颜色为红色*/ h1 {color:#00ff00;} /*为h1元素设置字体颜色,这种表示方法是十六进制表示法*/ p.ex {color:rgb(0,0,255);} /*为所有class等于"ex"的p元素设置字体颜色为xxx,这是红绿蓝三原色表示法,另外css中,id用井号设置格式,class用英文句号*/ </style> 文本对齐方式: h1 {

css基础总结一

最近在弄一个简单管理系统的前端,所以打算将做项目的一些个人感想以及总结简单罗列下,当然,主要针对前端的基础部分以及一些常用的前端个人简单技巧总结.主要分为js部分和css部分,下面是css的基础部分总结 一.基础知识 1.前端基本概念以及常识 web应用,主要分为前端和后端,而前端的话,主要是想用户展示内容,后端的话主要是处理用户数据.前端内容呈现中,主要有几个问题:内容是什么?如何展示内容?如何展示页面的行为?内容是什么是通过html来标记的,内容如何呈现是通过css改变和调整的,页面的前端行

二、CSS基础

二.css基础 1.css层叠样式表 (1).行内样式表(style属性) <p style=""> (2).内部嵌入样式表(style元素) <style type="text/ess"> body {background-color #FF0000;} .boss{} #id{} </style> (3).外部引用样式表(引用一个样式表文件),推荐 <link rel="stylesheet" typ

HTML/CSS基础教程 二

表 表是十分有用的,用它存储表状的数据更易于阅读.当你想用行列来显示信息时---你猜到了,<table>标签正是你需要的,有许多和表有关的标签,它们都以<table>开始. 表就是将一组数据用行列的形式排列,我们用<tr>标签创建一个表行(table row),<td>标签表示表数据(table date) <!DOCTYPE html> <html> <head> <title>Table Time</

学习HTML-第二章css基础

欢迎加入前端交流群来获取视频资料以及前端学习资料:749539640 第二章css基础 一.css简介 cascading style sheets????汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息的显示样式. 目前推荐遵循的是W3C发布的CSS3.0. 用来表现XHTML或者XML等样式文件的计算机语言. 1998年5月21日由w3C正式推出的css2.0 二.样式的建立:内部样式 ??外部样式??和 内联样式 1.

两天学会css基础(二)

接上一篇博客,还有css中的两个重要知识点没有说到,就是元素的浮动与定位. 第三部分:元素的浮动与清除 这部分的内容之前的博客已总结过.请查看css中的浮动与三种清除浮动的方法这篇文章. 浮动在网页中也用的和普遍,特别要注意清除浮动的方法. 第四部分:元素的定位 元素的定位在实际开发中会经常用到,特别是涉及到精确定位的时候. 默认情况下元素的position属性值为static static: 对象遵循常规流.此时4个定位偏移属性不会被应用. relative: 对象遵循常规流,并且参照自身在常

蓝鸥零基础学习HTML5—html+css基础

蓝鸥零基础学习HTML5-html+css基础 一.课程目标 1.了解前端开发职位:2.掌握常用标签以及语义及用法:3.掌握常用css的特性,掌握基础布局技巧:4.掌握整站规划概念. 二.适用人群 零基础积极学习html5者 三.课程简介 本课程主要讲解了 html+css的基础知识,包括html模板.标签.css基础样式.布局.表格表单.整站等等,是进行前端开发的基础.Html+css是前端开发的基础,大部分前端开发工程都需要从html+css布局开始,html+css的基础非常重要,是前端开

前端知识学习一 :CSS基础

一.CSS概述 css指的是层叠样式表,样式定义如何显示HTML元素,样式通常存储在样式表中, 把样式添加到HTML4.0中,是为了解决内容和表现分离的问题.外部样式表通常存储在css文件     中.多个样式定义可层叠为一. 二.层叠次序 一般而言,所有的样式都会根据下面的规则层叠于一个新的虚拟样式表中,其中4拥有最高的优先权. 1.浏览器的缺省设置 2.外部样式表(通过引入的外部.css文件) 3.内部样式表(位于<head>标签内部) 4.内联样式表(在HTML元素内部) 因此属性的优先