CSS学习笔记-块状元素-行间元素

1：css样式行间，内嵌，外联就近原则
行间样式（标签内部）>内嵌样式（当前文件中）>外联样式（外部文件）
2：头部图标实现 <link rel="shortcut icon" href="http://c.csdnimg.cn/public/favicon.ico">
3：css写法规则 em:相对倍数指定方向值：按照上右下左（顺时针方向）的顺序依次排列

1:html标签类型：
块状元素（black） :都占一行（该元素前后其他元素都要换行）直接适用盒模型的所有CSS属性
行间元素（inline）：不独占一行，多个行间元素可以在一行中呈现部分适用盒模型属性（宽度由装载的内容决定，宽度设置无效由于受到行限制，高度及上下方向的边距设置无效）

块状标签
<div> 盒子
<header><section> <footer><aside><nav> 页面布局类标签
<h1>-<h6> 标题
<p> 段落
<ul> <ol> <dl> <li> 列表类标签
<form> 表单

行间元素
<span> 组合
<a> 超级链接
<strong> 重点强调
<em> 一般强调

块状元素可以嵌套块状元素，也可以嵌套行间元素
行间元素不可以嵌套块状元素，只能嵌套行间元素

CSS学习笔记-块状元素-行间元素相关推荐

CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法
CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法参考文章: (1)CSS学习笔记--浮动元素由于浏览器页面缩小而被挤到下面的解决方法 (2)https://www.cnblogs. ...
qml学习笔记(二)：可视化元素基类Item详解（上半场anchors等等）
原博主博客地址:http://blog.csdn.net/qq21497936 本文章博客地址:http://blog.csdn.net/qq21497936/article/details/7851 ...
Vue学习笔记进阶篇——多元素及多组件过渡
本文为转载,原文:Vue学习笔记进阶篇--多元素及多组件过渡多元素的过渡对于原生标签可以使用 v-if/v-else.但是有一点需要注意: 当有相同标签名的元素切换时,需要通过 key 特性设置唯 ...
前端篇--------1.css学习笔记
1.css 单行文本换行溢出解决方案(css三件套) white-space:nowrap overflow:hidden text-overflow:ellipsis 2.css m ...
HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
HTML/CSS学习笔记02【表单标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
HTML/CSS学习笔记01【概念介绍、基本标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
CSS学习笔记 display属性
CSS学习笔记05 display属性 HTML标记一般分为块标记和行内标记两种类型,它们也称块元素和行内元素. 块元素每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度.高度.对齐等属性, ...
div+css学习笔记一（转）
div+css学习笔记一 (2011-05-12 07:32:08) 标签: div css 居中背景图片 ie6 ie7 margin 杂谈分类: 网页制作 1.IE6中用了float之后导致m ...

CSS学习笔记-块状元素-行间元素

CSS学习笔记-块状元素-行间元素相关推荐

最新文章

热门文章