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里面,好操控

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/326160.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2017蓝桥杯省赛---java---A---1(迷宫)

题目描述 X星球的一处迷宫游乐场建在某个小山坡上。 它是由10x10相互连通的小房间组成的。房间的地板上写着一个很大的字母。 我们假设玩家是面朝上坡的方向站立,则: L表示走到左边的房间, R表示走到右边的房间, U表示走到上坡方…

Android之ZXing扫描二维码以及生成二维码

Android之ZXing扫描二维码以及生成二维码 ZXIng项目地址:ZXing地址 项目结构 扫描二维码:使用 CaptureActivity类 项目代码: import android.content.Intent; import android.graphics.Bitmap; import android.graphics.BitmapFactory; impo…

[认证授权] 2.OAuth2授权(续) amp;amp; JSON Web Token

0. RFC6749还有哪些可以完善的? 0.1. 撤销Token 在上篇[认证授权] 1.OAuth2授权 中介绍到了OAuth2可以帮我们解决第三方Client访问受保护资源的问题,但是只提供了如何获得access_token,并未说明怎么来撤销一个access_token。关于这部分OAut…

Nginx动静分离实现负载均衡

转载自 Nginx动静分离实现负载均衡 前期准备 使用Debian环境。安装Nginx(默认安装),一个web项目,安装tomcat(默认安装)等。 Nginx.conf配置 1 # 定义Nginx运行的用户 和 用户组 如果对应服务器暴露在外面的话建议使用权限较小的用户 防止被入侵2 # …

浮动

一、标准文档流: 1.指元素根据块级元素或行内元素的特性按从上到下,从左到右的方式自然排列,默认的排序方式。 二、块级元素: div,p,列表:宽度默认为浏览器的宽度,可以单独设置宽和高 三、行内元素&#xf…

html5动画是什么,10个HTML5动画 让你忘掉Flash是啥(组图)

你最近可能已经听到了很多关于Flash是面临垂死挣扎的技术以及它将如何很快被HTML5的取代。就个人而言,我认为HTML5会慢慢取代一些Flash的东西,但Flash会永远有它的一席之地,特别是开发复杂的游戏和丰富的互联网应用。如果你还没有看到HTML5动…

Android之Bitmap高效缓存以及android缓存策略

Android之Bitmap高效缓存 一、Bitmap高效加载 1、bitmap的基本概念 位图:获取像素值进行加载。 Bitmap是Android系统中图像处理中的最重要的一个类。 通过Bitmap我们也看获取图片的信息 获取到信息后,我们可以对其进行缩放、裁剪等操作 2、Bitmap的…

2016蓝桥杯省赛---java---A---6(寒假作业)

题目描述 现在小学的数学题目也不是那么好玩的。 看看这个寒假作业:□ □ □ □ - □ □ □ □ □ □ □ □(如果显示不出来,可以参见【图1.jpg】)每个方块代表1~13中的某一个数字,但不能重复。 比如: 6 7 13 9 - 8 1 …

微服务网关Ocelot

微服务网关是微服务架构中的核心组件,它是客户端请求的门户,它是调用具体服务端的桥梁.下面我们将使用开源项目Ocelot(https://github.com/geffzhang/Ocelot)搭建一款轻量级服务网关,不过在此之前我们将对微服务网关做个详细介绍,以便大家更加清晰的了解…

定位网页元素

定位网页元素一、position属性: 1.static:默认值,网页没有定位 2.relative:相对定位 (1)设置相对定位的元素,盒子会相对于他原来的位置进行偏移,达到新位置。 (2)设置相对…

分表分库时机选择及策略

转载自 分表分库时机选择及策略 一. 分表 应用场景: 对于大型的互联网应用来说,数据库单表的记录行数可能达到千万级甚至是亿级,并且数据库面临着极高的并发访问。采用Master-Slave复制模式的MySQL架构,只能够对数据库的读进…

html session 登录页面跳转页面跳转页面,session失效后跳转到登陆页面

一、编写Filter拦截器类package com.pv.utils;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.*;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpSession;public …

pagerAdapter 与FragmentPagerAdapter的区别

转自:http://blog.csdn.net/dreamzml/article/details/9951577 ViewPager ViewPager 如其名所述,是负责翻页的一个 View。准确说是一个 ViewGroup,包含多个 View 页,在手指横向滑动屏幕时,其负责对 View 进行切换。为了…

2015蓝桥杯省赛---java---A---2(星系炸弹)

题目描述 思路分析 方案一 方案二 package TEST;import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date;class Main{public static void main(String[] args) {SimpleDateFormat dateFormat new SimpleDateFormat("yyyy-MM-dd");…

NuGet社区使用体验调查

Nuget 是我们使用.NET Core的一项基础设施,针对国内访问NuGet服务器速度不稳定的问题我们希望通过收集一些来自用户的反馈来改善社区使用NuGet的体验。恳请您花2-3分钟时间完成以下的问题,我们会非常重视您的反馈。当我们收集完成所有的问卷,…

在护卫神上部署javaWeb项目,已经测试通过

以前一直在护卫神上部署PHP项目,今天忽然来了需求是部署javaWeb项目,刚开始一脸蒙蔽,后来发现也不是很难。那么接下来我们看看怎么在护卫神上部署java项目: 第一步:打开护卫神,在护卫神中添加一个网站&…

为什么选择微服务架构?如何取舍?

转载自 为什么选择微服务架构?如何取舍? 微服务是什么 微服务是一种架构风格,一个大型复杂软件应用由一个或多个微服务组成。系统中的各个微服务可被独立部署,各个微服务之间是松耦合的。每个微服务仅关注于完成…

三星系统和鸿蒙系统,又一设备直升鸿蒙系统,现有操作系统被抛弃,和三星的想法一样!...

又一设备直升鸿蒙系统,现有操作系统被抛弃,和三星的想法一样!前段时间华为正式发布了鸿蒙系统,这个系统可以说是期待已久了,在华为处于禁令时期时,鸿蒙被认为是替代安卓的操作系统。在鸿蒙发布后&#xff0…

android之视频直播与播放Vitamio

直播APP l 直播原理 直播本质:实时推送/拉取过来的音视频数据 直播相关的协议: l RTMP(实时消息的传输协议) RTMP协议是一个互联网TCP/IP五层体系结构中的应用层协议 RTMP协议可以用来推送又可以用来直播 RTMP协议中基本的…

从真实项目中抠出来的设计模式——第一篇:策略模式

有时候因为种种原因导致我们会写出很多丑陋的代码,比如赶工时,短暂性的偷懒,不会设计模式等等导致代码沉积,一个cs上万行代码这样场景是有发生, 当然这里也包括我。。。所以时间充裕一点之后就想重构一下,…