css学习
2016-07-12 18:31
197 查看
1.段落前空两格
p{ text-indent:2em;}
2.body中注释只能使用
<!--在线咨询 begin-->
script中注释是//单行注释 /*多行注释*/
css中注释//单行注释 /*多行注释*/
[注:css中不能使用<!---->进行注释]
3.段落标签p
每一个段落都要放在一个p标签内
<p>我的第一个段落</p>
<p>我的第二个段落</p>
4.标题标签 h1-h6
使用标题标签容易被搜索引擎抓取到。
5.h1-h6所代表的字体大小
经测试浏览器默认字体大小为16px 所以 h1=32px; h2=24px;h3=18.72px; h4=16px;h5=13.28px;h6=12px;
5.强调
em:表示强调 strong:表示更强烈的强调
em使用斜体进行表示 strong使用粗体进行表示
6.使用span
span标签是为了单独定义样式
<p>我叫李磊,家住<span style="color:blue;">河南</span></p>
7.html4.0所支持的16种颜色名
aqua深绿色 black 黑色 blue 蓝色 fuchsia 紫红色 gray 灰色 green 绿色 lime绿黄色 maroon栗色 navy深蓝色 olive 橄榄色 purple紫色 red 红色 sliver银白色 teal蓝绿色 white白色 yellow黄色
8.q标签短文本引用 浏览器会自动识别q标签 同时给在标签里的内容加上双引号 [引用一句话]
<q>庄生晓梦迷蝴蝶,望帝春心托杜鹃。</q>
9.blockquote 长文本引用 引用一段话 浏览器对blockquote的解析是缩进样式
<blockquote>离离原上草,一岁一枯荣。野火烧不尽,春风吹又生。</blockquote>
p{ text-indent:2em;}
2.body中注释只能使用
<!--在线咨询 begin-->
script中注释是//单行注释 /*多行注释*/
css中注释//单行注释 /*多行注释*/
[注:css中不能使用<!---->进行注释]
3.段落标签p
每一个段落都要放在一个p标签内
<p>我的第一个段落</p>
<p>我的第二个段落</p>
4.标题标签 h1-h6
使用标题标签容易被搜索引擎抓取到。
5.h1-h6所代表的字体大小
经测试浏览器默认字体大小为16px 所以 h1=32px; h2=24px;h3=18.72px; h4=16px;h5=13.28px;h6=12px;
5.强调
em:表示强调 strong:表示更强烈的强调
em使用斜体进行表示 strong使用粗体进行表示
6.使用span
span标签是为了单独定义样式
<p>我叫李磊,家住<span style="color:blue;">河南</span></p>
7.html4.0所支持的16种颜色名
aqua深绿色 black 黑色 blue 蓝色 fuchsia 紫红色 gray 灰色 green 绿色 lime绿黄色 maroon栗色 navy深蓝色 olive 橄榄色 purple紫色 red 红色 sliver银白色 teal蓝绿色 white白色 yellow黄色
8.q标签短文本引用 浏览器会自动识别q标签 同时给在标签里的内容加上双引号 [引用一句话]
<q>庄生晓梦迷蝴蝶,望帝春心托杜鹃。</q>
9.blockquote 长文本引用 引用一段话 浏览器对blockquote的解析是缩进样式
<blockquote>离离原上草,一岁一枯荣。野火烧不尽,春风吹又生。</blockquote>
相关文章推荐
- css 如何让文字和图片对齐
- display和visibility的区别
- 表格行的css交替
- 单纯只是为了方便查看而已 --CSS篇
- 用 CSS 隐藏页面元素的 5 种方法
- css实现热点地图map,鼠标移到热点弹出层提示框
- css实现div背景透明,文字不透明
- 【POI xlsx】使用POI对xlsx的单元格样式进行设置 / 使用POI对xlsx的字体进行设置
- css实现鼠标移动图片上放大效果
- 在网上看到用CSS制作动态小黄人,我自己实践了下
- WPF窗体样式继承
- Atom Editor 插件 atom-less 的使用方法
- 如何让div自动适应内容宽度,并且居中
- CSS整体界面设计
- CSS tab选项卡(标签页)切换
- CSS list-style属性控制ul标签样式
- 使用CSS3 backface-visibility:hidden;属性制作翻转动画效果
- css-表格的美化总结
- [原创]CSS3打造动态3D气球
- CSS实现会发光的输入框input