CSS学习笔记-块状元素-行间元素
来源:互联网 发布:阿里云域名怎么备案 编辑:程序博客网 时间:2024/05/21 21:28
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> 一般强调
块状元素可以嵌套块状元素,也可以嵌套行间元素
行间元素不可以嵌套块状元素,只能嵌套行间元素
行间样式(标签内部)>内嵌样式(当前文件中)>外联样式(外部文件)
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> 一般强调
块状元素可以嵌套块状元素,也可以嵌套行间元素
行间元素不可以嵌套块状元素,只能嵌套行间元素
0 0
- CSS学习笔记-块状元素-行间元素
- 【学习总结】css中块状元素与内联元素解析
- CSS-块状元素与内联元素
- HTML + CSS 块状元素 & 内联元素
- css 块状元素和行内元素
- CSS 块状元素和内联元素
- CSS三大元素类型:块状元素、内联(行内)元素、内联块状元素
- 【CSS入门】八、DIV CSS 块状元素和内联元素
- 块状元素、内联元素、内联块状元素
- 内联块状元素 块状元素 内联元素
- CSS系列之块状元素 内联元素 内联块状元素(四)
- DIV+CSS基础教程:块状元素和内联元素
- HTML + CSS 之块状元素与内联元素
- CSS的盒模型及元素分类(块级元素、内联元素、内联块状元素)
- CSS学习笔记-CSS 伪元素
- xhtml:块状元素&内联元素
- 块状元素和内联元素
- 块状元素与内联元素
- CUDA编程:向量加法
- Android 图片选择器 进阶版
- 安装Centos7后的一些设置
- EOF 键盘输入end of file
- 生成csv格式文件并导出至页面的前后台实现
- CSS学习笔记-块状元素-行间元素
- python下结巴分词(jieba)学习笔记
- NVIDIA DIGITS 5.1-dev学习笔记之安装过程记录:Windows10 x64位系统 、 MicroSoft Caffe Master、CUDA 8.0 、Python 2.7
- Android Service演义
- UICollectionView Demo
- 【demo记录】极光推送(android app访问服务器,服务器推送信息到新app)
- React-Native在APP调用浏览器或其他系统应用(Linking的使用)
- 利用按位异或运算符实现矩阵转置
- framework不兼容报错