html5+css3

html4和html5的区别:

html5+css3_第1张图片
comp.jpg
    header:代表HTML的头部数据

    footer:页面的脚部区域

    nav:页面导航元素

    article:自包含的内容

    section:使用内部article去定义区域或者把分组内容放到区域里

    aside:代表页面的侧边栏内容
    
    包括一些

css3

css3包括盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等

举例说明:
1.圆角的实现
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
html5+css3_第2张图片
圆角.png
 width: 160px;
    height: 160px;
border-radius: 50%
html5+css3_第3张图片
圆形.jpg
还可以设计某一个角的弧度:
border-radius: 15px 5px 25px 0px;
html5+css3_第4张图片
圆角1.png
渐变,动画,盒子的阴影和文字的阴影等。

你可能感兴趣的:(html5+css3)