用CSS美化你的HTML - 相关文章

【用CSS美化你的HTML】的更多相关文章

只用CSS美化选择框

只用CSS美化选择框 2012-03-02 11:04 by iBlog, 26240 阅读, 14 评论, 收藏, 编辑 <本文译自Style a Select Box Using Only CSS> 当我需要用下拉列表拼凑自定义表单时,我常常不得不使用下拉框(select),由于某些部分是浏览器特定的,如下拉箭头,我花了一段时间去搞清楚如何只使用css轻松地美化下拉框. 下面是一个默认样式的下拉框的长相: Here is the first option The second option…

CSS美化页面滚动条

文章来自:http://www.webhek.com/scrollbar 本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条.改变它们的颜色,调整它们的外形,适配你对页面UI设计.我们首先将会看看谷歌(Webkit)浏览器提供了哪些CSS属性,最后,还将介绍如何用jQuery支持其它类型的浏览器. 各种浏览器对CSS滚动条的支持情况这里说的Webkit浏览器包括谷歌浏览器,苹果公司的Safari浏览器,以及最新的Opera浏览器.这些浏览器加起来占有超过半数的桌面浏览器市场份额.对于…

css美化页面

css美化页面如果在我们一行文字中,想让某个文字凸显出来,使用span! 1.字体样式 font-style:字体的风格 italic normal font-weight:字体的粗细 normal(默认400) bold(700) bolder 最大到900 font-size:字体的大小 10px 2em rem pc pt font-family:字体的类型,比如我们的楷体,隶书,宋体..... font:风格粗细大小类型在一起设置属性的时候,四种属性顺序不能颠倒! 2.文本样式…

CSS美化自己的完美网页

CSS美化自己的完美网页 CSS概述 css样式: css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化,CSS的可以使页面更加的美观.基本上所有的html页面都或多或少的使用css. CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件…

跟着辛星一起用CSS美化商品列表

说实话,近期对CSS的关注还是蛮多的,不为别的,仅仅是由于自己喜欢,感觉写CSS就像画家绘画一样,使用热情和激情去探索,没有了那份功利心,反而感觉是一种享受.特别有成就感,好啦,今天就分享一期自己用CSS美化商品列表的步骤把.不喜勿喷奥.有建议请留言. 首先看一下做好之后的效果图把: 假设读者特别不喜欢这个样式.能够点击右上角的关闭,省的自己看了心烦意乱,好.我们首先新建一个HTML文件.内容书写例如以下: <html> <head> <title>CSS新闻列表制作&…

学习笔记第十章使用CSS美化表单

第10章使用CSS美化表单 [学习重点] 正确使用各种表单控件熟悉HTML5新增的表单控件掌握表单属性的设置设计易用性表单页面 10.1 表单的基本结构表单包含多个标签,由很多控件组成.一个完整的表单结构由下面三部分组成: 表单框架(<form>标签):<form>标签是一个包含框,里面包含所有表单对象. 表单域(<input>.<select>等标签):用于采集用户的输入或选择的数据. 表单按钮(<input>.<butt…

学习笔记第九章使用CSS美化表格

第9章使用CSS美化表格学习重点正确使用表格标签: 设置表格和单元格属性: 设计表格的CSS样式. 9.1 表格的基本结构表格由行.列.单元格3部分组成,单元格时行与列交叉的部分. 在HTML中,表格由<table>标签来定义,每个表格均有若干行,行由<tr>标签定义,每行被分割为若干单元格,单元格由<td>标签定义.字母td表示表格数据(即单元格内容). 9.1.1 早期表格的结构略,什么实质内容都没有. 9.1.2 标准化的表格结构设计表格相关标签的语…

学习笔记第八章使用CSS美化列表

第8章使用CSS美化列表 8.1 列表的基本结构在HTML中,列表结构可以分为两种基本类型:有序列表和无序列表.使用标签如下: <ul>...</ul>:标识无序列表: <ol>...</ol>:标识有序列表: <li>...<li>:标识列表项目. 另外,还可以使用定义列表.定义列表包括词条和解释两块内容.包含的标签说明如下: <dl>...</dl>:标识定义列表: <dt>...<…

学习笔记第七章使用CSS美化超链接

第7章使用CSS美化超链接学习重点认识超链接熟悉伪类定义超链接样式能够灵活设计符合页面风格的链接样式 7.1 定义超链接在HTML5中建立超链接需要两个要素:设置为超链接的网页元素和超链接指向的目标地址. 7.1.1 URL格式 URL(Uniform Resource Locator,统一资源定位器)用语指定网上资源的位置和方式.通常由三部分组成: 协议(或服务方式). 存有该资源的主机IP地址(有时也包括端口号). 主机资源的具体地址,如目录和文件名等. 示例:protoc…

学习笔记第六章使用CSS美化图片

第六章使用CSS美化图片 6.1 在网页中插入图片 GIF图像跨平台能力,无兼容性问题: 具有减少颜色显示数目而极度压缩文件的能力,不会降低图像的品质(无损压缩): 支持背景透明功能,便于图像融合到其它背景色中: 可以储存多张,实现动态显示. JPEG图像有损压缩,部分细节会被忽略: 跨平台,与GIF格式相同: 支持1670万种颜色,很好地再现摄影图像: 不支持背景透明和交错显示功能. PNG图像具有GIF和JPEG的双重优点.新的无损压缩文件格式,支持1670万种颜色,支持索引度.…