CSS3美化网页元素

简介: CSS3美化网页元素

一、CSS的作用:

1.有效的传递页面信息。

2.使用CSS美化过的页面,使得页面更加漂亮,吸引用户。

3.可以很好的突出页面的主题内容。

4.具有良好的用户体验。

二、span标签的作用:

自己本身在网页中不起作用,但是可以让某个文字内容凸显出来,方便单独设置内容的样式。

三、字体:

1.font-family:设置字体的类型,例如宋体、楷体

2.font-size:设置字体的大小,例如16px;

3.font-style:设置字体风格,例如斜体、倾斜

4.font-weight:设置字体粗细,例如bold

5.font:斜体 加粗 大小 类型

四、排版网页

1.对齐方式

text-algin:

left:向左对齐

right:向右对齐

center:居中对齐

justify:两端对齐

2.首行缩进:

text-indent:2em,其中em为单位,代表缩进两个字符

3.文本垂直居中:

line-height:值与父元素的高一致即可实现垂直对齐

4.文本装饰:

text-decoration:

overline:上划线

underline:下划线

line-through:删除线

none:无下划线

5.文本阴影:

text-shadow:

color:颜色,red

x轴平移:10px

y轴平移:10px

模糊半径:5px

6.设置超链接样式

1).a:hover:鼠标悬浮样式

2).a?单击访问前的样式

3).a:visited:单击访问后的演示

4).a:over:单击未释放的样式

7.设置列表样式:

1).list-style-type:

none:无标记符号

disc:实心圆,默认

circle:空心圆

square:实心正方形

decimal:数字

8.设置背景样式:

1.background-color:背景颜色

2.background-image:背景图片

3.background-position:背景的位置,50% 50%

4.background-repeat:设置平铺方式,no-repeat

5.background-size:设置尺寸,300px 50px

9.div:

就是一个容器,网页中的标签都放在div里面,好操控

目录
打赏
0
0
0
0
57
分享
相关文章
如何使用CSS过渡实现页面元素的淡入淡出效果?
如何使用CSS过渡实现页面元素的淡入淡出效果?
131 79
如何利用 CSS3 动画实现元素的淡入淡出效果?
在上述代码中,定义了一个名为 `fade-in` 的CSS类,其初始透明度为0,并设置了淡入的过渡效果。当通过JavaScript为元素添加 `active` 类时,元素的透明度变为1,实现淡入效果;当再次点击按钮移除 `active` 类时,元素又会逐渐淡出。通过这种方式,可以根据用户的操作灵活地控制元素的淡入淡出效果。
723 60
捕捉页面的关键元素:用CSS选择器与Puppeteer自动抓取
本文介绍了如何使用 Puppeteer 结合 CSS 选择器抓取动态网页中的关键元素,以亚航网站的特价机票信息为例,通过设置代理 IP、User-Agent 和 Cookie 等技术手段,有效提升爬虫策略,实现高效、稳定的爬取。
189 5
捕捉页面的关键元素:用CSS选择器与Puppeteer自动抓取
CSS滚动效果和视差滚动的原理、应用及其对用户体验的影响。从平滑滚动到元素跟随,再到滚动触发动画
本文探讨了CSS滚动效果和视差滚动的原理、应用及其对用户体验的影响。从平滑滚动到元素跟随,再到滚动触发动画,这些效果增强了页面的吸引力和互动性。视差滚动通过不同层次元素的差异化移动,增加了页面的深度感和沉浸感。文章还讨论了实现方法、性能优化及案例分析,旨在为设计师和开发者提供实用指导。
122 7
CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求,提升加载速度
本文探讨了CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求,提升加载速度;图标字体则以字体形式呈现图标,便于调整样式。文章分析了两者的优缺点及应用场景,并提供了应用技巧和注意事项,旨在帮助开发者提升页面性能,改善用户体验。
61 5
|
5月前
CSS_定位_网页布局总结_元素的显示与隐藏
CSS_定位_网页布局总结_元素的显示与隐藏
44 0
用CSS+JavaScript打造网页中的选项卡
用CSS+JavaScript打造网页中的选项卡
css 块元素、行内元素、行内块元素相互转换
css 块元素、行内元素、行内块元素相互转换
358 0

热门文章

最新文章