css样式规则是由选择器和声明构成的，css的中文名称_CSS学习

资料来源：网络整理时间：2023/3/4 0:58:21 共计：3564 浏览

CSS中文名叫“层叠样式表”。

CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。

在css样式中，星号代表的是“所有元素”，“*”选择器能够选取所有的元素或者一个元素中的所有子元素。使用“*”选择器来设置样式，会统一设置所有元素的样式，语法为“*{css属性:属性值;}”。

星号选择器（*）表示选中所有的元素。

* 选择器选取所有元素。

* 选择器也能选取另一个元素中的所有元素。

注意：*选择器比较消耗性能，尽量避免使用，应使用更加精确的选择器选择元素。

CSS规则由两部分组成，选择器，和一条或多条声明，例如：

h1 {color:blue; font-size:12px;}

选择器通常是html中的一个标签，每条声明由一个属性和属性值组成，一般是样式属性

CSS一般写在html文件中的<style></style>标签里面，

CSS注释：以/* 开头，*/结尾

javascript改变CSS样式分为局部和全局，分别如下：一、局部改变样式有三种方法：直接改变样式、改变className和改变cssText 改变className： document.getElementById('obj').className="…" 改变cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;"; 改变直接样式： document.getElementById('obj').style.backgroundColor="#003366″ 二、全局改变样式通过改变外链样式的的href的值实现网页样式的实时切换，也就是"改变模板风格"。首先需要赋予需要改变的目标一个id，如代码如下: <link rel="stylesheet" type="text/css" id="css" href="firefox.css" /> 调用时很简单，如代码如下: <span onclick="javascript:document.getElementById('css').href='ie.css'">点我改变样式</span>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css导航栏怎么设置栏目_CSS学习 | ·下一条：css选择器的优先级如何计算，css怎么让文字按顺序直接排列_CSS学习