天天看点

css学习

css详细编码

项目结构:

html文件

css文件:

CSS的优势:

内容和表现分离

网页结构表现统一,可以实现复用

样式十分丰富

建议使用独立于html的css文件

利于SEO,容易被搜索引擎收录

html文件:

标签选择器: 选择一类标签 格式(标签{})

类选择器:选择所有class属性一致的标签,格式(.class的值{})

id选择器:全局唯一,格式(#id的值{})

效果如下图:

css文件

1. 边框

2.内外边距

1.边框圆角

2.半圆

父级元素塌陷问题即子元素浮动起来后超出父级元素阔起来的范围

方案一:

增加父级元素高度

方案二:

在最底下增加一个空的div,然后给该div增加属性

方案三:

在父级元素增加 overflow: hidden;属性

方案四:

父类添加一个伪类

具体代码

CSS文件