html5和css基础设计之实验四

项目一总结：

寒亭网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。创新互联建站从2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

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。

标题名称：html5和css基础设计之实验四
文章位置：https://www.cdcxhl.com/article14/ghogde.html

成都网站建设公司_创新互联，为您提供软件开发、品牌网站建设、网站营销、品牌网站制作、App开发、做网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联