css:层叠样式表 美化页面 修改标签的样式

css:层叠样式表  美化页面 修改标签的样式

写法分类:

1.内联:

<!--使用<link />标签将css文件引入到html文件中-->

<!--<link href="路径" rel="stylesheet"/>-->

<!--<link/>标签只可以放在<head></head>之中,另外在html中内嵌css样式也只可以写在head标签之中-->

<!--内嵌书写方式-->

<style type="text/css">   /*标签名style*/

button{                /*选择器*/

color: red;        /*样式属性:样式值*/

}

</style>

<!--css外部文件书写方式:省去了style标签-->

选择器{

样式属性:样式值

}

选择器类型

*{}:通用选择器

标签名{}:标签选择器

#id属性值{}:id选择器

.class属性值{}:class选择器

子标签不是所有的样式都会继承父标签

常用的样式:

font-size:字体大小

font-weight:字体加粗

color:字体颜色选择

background:背景颜色颜色选择

list-style-type:列表样式改变

原文地址:https://www.cnblogs.com/amberoid/p/9252149.html

时间: 2024-10-12 20:16:53

css:层叠样式表 美化页面 修改标签的样式的相关文章

CSS层叠样式表01

CSS(Cascading Style Sheets)层叠样式表 用于修饰HTML标签的样式 CSS注释 一般来说,CSS是一个独立的文件,由于它的内容是修饰HTML标签的样式,为了方便后期的维护和修改,所以我们人为使用注释说明当前样式的是用于修饰什么内容的 单行注释:/*注释文本*/ 多行注释:就是在单行注释中换行即可 /* 注释1 注释2 */ 养成习惯 /*这是首页的css样式文件(说明css文件的作用)*/ /*页面通用样式*/ /*顶部导航条样式*/ /*侧边菜单栏样式*/ CSS语法

CSS美化页面滚动条

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

使用css全面美化input标签

做网站时经常有这样那样的需要,要美化input ,于是CSS的美化必不可少.和程序人生的站长交流,他发给我这个. 下面是CSS样式 Js代码   input { border:1px solid #B3D6EF; background:#ffffff; } input { star : expression( onmouseover=function(){this.style.backgroundColor="#D5E9F6"}, onmouseout=function(){this.

同一标签内多个css规则在页面中如何显示?

这两天在学习css涉及到内联.外联.嵌入对页面的影响: 1.内联式-----将css代码直接写在html中.用 <style> 标记将样式定义为内部块对象.示例代码如下如下: <style type="text/css"> <!-- #user_nav{float:right;margin-right:20px;padding:4px; } --> </style> 内联 CSS 可以有效减少 HTTP 请求,提升页面性能,缓解服务器压力

CSS 修改 IOS 默认按钮样式

不知道大家在做移动端页面的时候有没遇到过在 IOS 端 一些按钮显示和安卓的截然不同,今天下午又有一个小伙在群里问这个问题.我记得之前我也遇到过,今天给大家分享一下怎么使用 CSS修改IOS的默认样式. ======================================================== 小月博客 http://www.aliyue.net WEB ======================================================== 第一:

修改eclipse中java和xml页面的字体的样式

代码编辑界面默认颜色为白色.对于长期使用电脑编程的人来说,白色很刺激我们的眼睛,所以改变workspace的背景色,可以使眼睛舒服一些.设置方法如下: 1.打开window / Preference,弹出Preference面板  2.展开General标签,选中Editors选项,展开.  3.选中 Text Editors,右边出现TestEditors面板. 面板中有这样一个选项:Appearance color options:其中是各种板块颜色的设置,其中有一项是background

Bootstrap页面布局8 - BS常用标签与样式

常用的Css文字标签 一. <p>文字段落Start,<strong>重要的文字</strong>,<em>倾斜的文字用来提示</em>,<abbr class='initialism' title="Content Management System">cms</abbr>是"Content Management System"的简称,文字段落End</p> 说明: 标

JavaScript修改CSS伪元素:after和:before的样式

CSS伪元素:before和:after可以实现很多有趣的功能,我们项目中使用的ionicframework框架的ionic.css文件中大量使用到了这2个伪元素.伪元素可以用来定义样式,但是和正常的dom元素不同,我们没有办法选中这些伪元素,也就不能像普通元素那样来修改它. <head> <style> .content{ margin-top:100px; } .content:before{ content:'target-before'; color:#33B5E5; po

CSS重置标签默认样式

CSS重置标签默认样式:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在默认情况下,很多标签都有自带的属性,例如body自带有margin.ul有自带的padding.h1-h6的字体大小各部相同.li前面带有的小圆圈等等.这些自带的默认属性会给实际的布局中带来不少的麻烦,我们可以再样式表的开始就重置这些默认的属性.实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8">