css基础--美化网页

最新推荐文章于 2026-04-25 21:20:09 发布
最新推荐文章于 2026-04-25 21:20:09 发布 · 152 阅读 · 0
标签
#CSS

链接

Anchor网页链接属性设置

A:link

尚未链接过的超链接文字的样式

A:visited

已链接过的超链接文字的样式

A:active

当鼠标点击超链接后，超链接文字所显示的样式

A:hover

当鼠标移到超链接文字上方时，超链接文字所显示的样式

A

在此属性内设置样式时，则上述四种属性将同时引用此值

Eg) A:hover {color:#800080;"">楷体; font-weight:bold; font-style:italic; font-size:16pt}

Eg) A:{text-decoration: none} /*设置不加下划线的超链接*/

     A: link {color:#00ff00}

     A: visited {color:#ff0000}

     A: active {color:#0000ff}

     A: hover {color:#00ff00}

滚动条

Scrollbar 平面滚动条效果设置(加强BODY标签)

Scrollbar-face-color

正面颜色

Scrollbar-shadow-color

阴影颜色

Scrollbar-highlight-color

加亮区颜色

Scrollbar-3dlight-color

3D光影

Scrollbar-darkshadow-color

3D阴影

Scrollbar-track-color

滚动条轨道颜色

Scrollbar-arrow-color

区域内小三角的颜色

jsp页面美化经典-css翻页代码
03-25
24款css翻页代码 BODY { FONT-SIZE: 12px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;WIDTH: 60%; PADDING-LEFT: 25px; } /*CSS Digg style pagination*/ DIV.digg { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center } DIV.digg A { BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none } DIV.digg A:hover { BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid } DIV.digg A:active { BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid } DIV.digg SPAN.current { BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099 } DIV.digg SPAN.disabled { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid } ……
html好看的登录界面2（十四种风格登录源码）
热门推荐
不踩坑，不知道坑有多深；不总结，踩过的坑白踩。
06-15 3万+
html好看的登录页面2（十四种风格登录源码），登录页面源码，大气好看的网站登录页面html源码模板，页面源码，适用于各种项目，也可以用作学习，各种登录风格都有，高端大气上档次，直接嵌入使用，代码易懂，复用性高，你值得拥有。
html 锚点的使用
yxwb1253587469的博客
09-01 907
1.锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 英文名：anchor 使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。 创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。 示例代码
掌握锚点技术，畅游页面精彩之旅~
qq_30094821的博客
04-08 1330
锚点（Anchor）是 HTML 中一个重要而又简单的概念，是一种通过在文档中设置标记，使用户可以直接跳转到页面的特定部分的技术。
html网页中的锚点(命名锚记)的使用介绍
一只苟延残喘的卑微蝼蚁
06-30 1万+
1.锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 英文名：anchor 使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。 创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。示例代码 在HTML页面中适当位置定义如下的锚点： <a name="top">这里是TOP部分</a> <a
前端基础——CSS 选择器、网页美化
wjr0258的博客
06-30 549
什么是CSS Cascading Style Sheet 层叠级联样式表 CSS:表现和美化网页 字体，颜色，边距，高度，宽度， 背景图片，网页定位，网页浮动 发展史： CSS1.0 CSS2.0： DIV（块）+CSS , HTML与CSS结构分离的思想，网页变得简单，SEO CSS2.1: 浮动，定位 CSS3.0： 圆角，阴影，动画……浏览器兼容性 快速入门及CSS的优势 入门 <head> <meta charset="UTF-8"> <tit
CSS美化网页：理论基础及示例
m0_65888394的博客
05-14 2865
CSS（层叠样式表）是用于美化网页和控制网页布局的重要技术。通过CSS，你可以对网页的元素进行样式设计，包括字体、颜色、间距、边框、背景等。
CSS语法基础--网页美化
I_am_fine_的博客
07-15 324
网页美化 概述: 网页的美化主要是对网页的字体样式，文本样式以及背景图等等进行美化，能够有效的传递网页信息和提高用户体验 div标签: div标签是一个无属性标签，主要是起到切块作用，把一片区域单独分割开来进行美化 span标签: span 标签主要是对一些重要的字体进行标记，然后就可以在标签里面设置属性，根据属性来美化 1 字体样式 常用属性： 属性名 解释 常用值 font-family 字体样式，如：斜体等等 Arial(楷体)，bold(黑体) font-size 字体大小 XX
CSS网页美化入门
m0_74488469的博客
04-15 1352
CSS的世界既广阔又有趣，今天介绍的只是最基础的部分。掌握了这些基础知识后，你已经可以开始美化简单的网页了。在接下来的学习中，我们会接触到更多高级选择器、背景控制、布局技巧等内容，让你的网页设计能力更上一层楼。记住，CSS学习最好的方式就是多实践，打开你的编辑器，开始动手尝试吧！
CSS网页美化完全指南：从基础到布局实战
2301_81158843的博客
03-29 396
掌握CSS，让你的网页从“素颜”变“精妆”在网页开发中，HTML负责页面的结构，而CSS则负责页面的样式与美观。如果说HTML是骨架，那CSS就是衣服和妆容。今天，我们就来系统学习CSS的核心知识，带你一步步实现网页的美化与布局。一、CSS基本概念1、什么是CSSCSS全称层叠样式表（Cascading Style Sheets），是一种用来为HTML标签添加样式的语言。CSS是前端开发中不可或缺的一环，掌握它的核心概念、选择器、样式属性和布局方式是入门的关键。
css基础-对网页进行美化
QEcode的博客
10-21 982
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网页</title> <style type="text/css"> /** * 用css对页面进行美化 */ /*设置整体页面*/ body{ mar
CSS基础知识------CSS美化网页
weixin_44821216的博客
06-18 692
为什么使用css美化网页 1.可以有效地传递页面信息 2.使用css美化过的页面文本漂亮、美观、可以吸引用户 3.可以很好的突出页面的主题内容，使用户第一眼可以看到页面的主要内容 4.具有良好的用户体验 css字体 css字体属性定义文本的字体系列、大小、加粗、风格（如斜体等）和变形（如小型大写字母）。 设置字体类型 font-family用来设置字体类型。例如 font-family:"隶书";...
CSS基础选择器：网页美化的第一步
莫踌躇
10-31 438
CSS基础选择器是网页美化的关键工具，主要包括四种类型：标签选择器（统一设置标签样式）、类选择器（通过class属性差异化修饰）、id选择器（唯一标识元素）和通配符选择器（全局设置）。CSS采用"选择器{属性:值}"的规范格式书写，实现内容与表现分离。类选择器使用最广泛，支持多类名；id选择器具有唯一性；通配符则影响所有元素。合理运用这些选择器可以精确控制网页布局和样式，提升页面美观性和灵活性。
CSS编程基础学习
yanboshuju的博客
02-24 1199
1. CSS简介1. CSS简介1.1.CSS概念及作用HTML即超文本标记语言（HyperText Markup Language），是网页制作的基础，通过HTML，开发者可以定义网页的标题、段落、链接、图像、列表、表格、表单等元素。引入CSS 可以针对 HTML 里的各种元素进行样式的设置，让网页变得更加美观、易读、好用。可以理解为HTML 是整个web网页的骨架，CSS 就是网页的装饰，两者配合起来能做出好看又实用的网页。
CSS基础：学习CSS样式的基本语法和应用，了解如何美化网页。
wq031787的博客
08-11 859
盒模型：在CSS中，每个HTML元素都被视为一个矩形框，该框由内容区域、内边距、边框和外边距组成。<li><section>内联样式：如果您仅想为特定的HTML元素应用样式，可以使用内联样式。例如：
CSS入门实战，30分钟搞定网页美化与基础布局
最新发布
2603_95923710的博客
04-25 215
上一篇我们学会了用HTML搭建网页的“骨架”，但只有骨架的网页难免单调——就像一栋只有钢筋水泥的房子，没有装修，缺乏美感。而CSS，就是用来给网页“装修”的工具，它能控制网页的颜色、字体、间距、布局，让平淡的HTML页面变得生动、美观。CSS的全称是层叠样式表（Cascading Style Sheets），核心作用是“美化HTML元素”，它与HTML是分离的：HTML负责“有什么”，CSS负责“长什么样”。这种分离式设计，让我们可以轻松修改网页样式，而不用改动HTML结构，大大提升开发效率。
P6-1.CSS的基础美化网页元素
猪猪的博客
08-05 297
字体样式 span标签：重点突出的字，使用span套起来 font-family:字体类型 font-size：字体大小（px像素单位em间距单位） font-weight：字体粗细 color：字体颜色 汇总表示： font：oblique(字体风格) bold(粗细) 20px(字体大小)/50px(行高) “楷体”(字体类型) 文本样式 1. 颜色 2. 文本对齐方式 3. 首行缩进 4. 行高 5. 装饰 6. 图片文本水平对齐 color颜色 1.单词表示 2.RGB 0~F（red br
第五章、CSS3美化网页元素（零基础，学HTML）
2302_76655922的博客
06-13 1238
本章介绍了CSS3美化网页元素的核心知识点，包括字体样式、文本样式、超链接伪类、列表样式、背景样式和渐变效果。通过学习字体(font-family)、文本(text-shadow)、超链接伪类(a:hover)等样式设置方法，以及背景(background)属性和CSS3渐变(linear-gradient)的应用，能够有效美化网页内容，提升用户体验。重点掌握各类样式属性的语法和浏览器兼容性问题，合理运用这些技术可以制作出美观专业的网页效果。
css 箭头_H5网页布局+css代码美化，零基础参考
weixin_39747630的博客
11-21 273
HTML5的结构化标签，对搜索引擎更友好li 标签对不利于搜索引擎的收录，尽量少用banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li可用于浅色副标题display:inline-block; 每个导航块存在水平间隙，解决方法是在父元素上添加font-size:0;sublime安装csscomb插件选中css代码，ctrl+shift+c 自动整理好代码排序前： 排序后：...
css美化网页基础内容与盒子模型
qq_15009447的博客
12-30 240
font-family 类型 font-size 大小 font-style风格 font-weight 粗细 font: italic bolder 20px “宋体”；（color不能写在font里面）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值