码迷,mamicode.com
首页 > Web开发 > 详细

html5和css基础设计之实验四

时间:2017-08-21 16:34:33      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:html5和css选择器

项目一总结:

1、锚点链接为先设置<a href="#one"></a>再设置跳转目标<h id="ones"></h>;

2、可以先设置display:none再设置:target{display:block;}实现跳转显示;

3、关于text-indent可以设置首行文本缩进

4、关于nth-child(odd)表示属于父类的单数行孩子:nth-child(even)表示属于父类的双数行孩子

5、关于display:block。block元素会独占一行,多个block元素会各自新起一行,默认情况下,block元素宽度自动填满其父元素其父元素宽度;block元素可以设置长宽但是即使设置宽度仍然独占一行;block元素可以设置margin和padding属性

6、关于display:inline。inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,其宽度会随内容而变化;inline元素的长宽属性无效;inline元素的margin和padding水平方向有效,垂直方向不会产生边距效果。

7、display:inline-block。inline-block既能够多个元素(如div)放在同一行,又能够设置长宽边距。

7、可以全局设置字体和text-align属性,text-align是一个很有用的属性,可以设置内容居中显示,如图片、文字等。

8、删除浏览器的默认样式*{list-style:none;outline:none}。

9、可以适当设置hr来分割内容。

10、audio元素需要设置contros属性。

11、在div相关盒子中的文字若想要设置上下左右居中需要将line-height设置为div高度,text-align设置为center。

本文出自 “10935469” 博客,请务必保留此出处http://10945469.blog.51cto.com/10935469/1957996

html5和css基础设计之实验四

标签:html5和css选择器

原文地址:http://10945469.blog.51cto.com/10935469/1957996

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!