关于HTML+css 的一些学习笔记
2015-08-07 17:34
651 查看
HTML+css
1、文章标题用<hx>标签,h1-h6
2、在一段话中强调某几个文字,可以用<strong>和<em>
3、span 标签没有语义,只是为了设置单独的样式。
4、<q>标签,短文本引用 ,浏览器会自动加双引号
5、<blockquote> 长文本引用
6、<hr>添加水平横线
7、<address>网页加入地址信息,浏览器会自动加斜体
8、<ul> li 无序列表
9、ol li 有序列表,自带序号
10、表格四元素:table,tbody,tr,th,td 注意:tbody的作用,当表格内容很多的时候,表格会下载一点显示一点,加了tbody以后,就要等表格全部下载完成以后再显示
11、发送邮件 mailto
12、form表单中的label标签
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同
<label for="male">男</label>
<input type="radio" name="gender" id="male" />
13、页面引入css 的三种方法
内联、嵌入 、外部
14、css 选择器
a、类选择器
b、ID选择器
c、子类选择器 .abc > .bcd 第一代子元素
d、分组选择器 .abc,.dec 用都逗号隔开
15、css 标签的权值: 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
16、文字排版的删除线;:{text-decoration:line-through;}
17、文字间距
中文文字间距或者英文字母间距: letter-spacing 英文单词间距 word-spacing
18、html标签元素大致分为三类:块状元素、行内元素、行内块级元素
常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有:
<img>、<input>
19、css 设置长度值,有三类:px,,em,百分比
em 是相对单位 ,相对于font-size 当前的字体等于1em
1、文章标题用<hx>标签,h1-h6
2、在一段话中强调某几个文字,可以用<strong>和<em>
3、span 标签没有语义,只是为了设置单独的样式。
4、<q>标签,短文本引用 ,浏览器会自动加双引号
5、<blockquote> 长文本引用
6、<hr>添加水平横线
7、<address>网页加入地址信息,浏览器会自动加斜体
8、<ul> li 无序列表
9、ol li 有序列表,自带序号
10、表格四元素:table,tbody,tr,th,td 注意:tbody的作用,当表格内容很多的时候,表格会下载一点显示一点,加了tbody以后,就要等表格全部下载完成以后再显示
11、发送邮件 mailto
12、form表单中的label标签
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同
<label for="male">男</label>
<input type="radio" name="gender" id="male" />
13、页面引入css 的三种方法
内联、嵌入 、外部
14、css 选择器
a、类选择器
b、ID选择器
c、子类选择器 .abc > .bcd 第一代子元素
d、分组选择器 .abc,.dec 用都逗号隔开
15、css 标签的权值: 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
16、文字排版的删除线;:{text-decoration:line-through;}
17、文字间距
中文文字间距或者英文字母间距: letter-spacing 英文单词间距 word-spacing
18、html标签元素大致分为三类:块状元素、行内元素、行内块级元素
常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有:
<img>、<input>
19、css 设置长度值,有三类:px,,em,百分比
em 是相对单位 ,相对于font-size 当前的字体等于1em
相关文章推荐
- CSS选择器
- iOS 根据字符串样式、字符串长度计算字符串所占大小
- CSS text-transform 属性
- 浅谈CSS选择器中的空格
- css图片透明度设置问题
- CSS之font-smoothing
- css如何让浮动元素水平居中
- CSS的单位及css3的calc()及line-height百分比
- CSS3多张图片围绕圆圈做缓慢转动
- css中选择符
- CSS布局学习笔记之图片居中
- 再谈 CSS 预处理器
- 超赞!源自CODEPEN的25个最受欢迎的HTML/CSS代码
- css中简写
- 【CSS】 background
- css代码标准化规范
- css样式插入
- 详解 CSS 属性 - 伪类和伪元素的区别
- 【转】常用css命名规则
- CSS3中transform,transition和animation的简介和用法示例