分类
商品
- 商品
- 店铺
- 资讯
一：首先谈谈html控制样式的弊端
1.相同的样式效果，通过不同的属性来完成的
例如颜色：
2.程序的可维护性不高。少的工作完成更多的事情即可称之为可维护性高
通过css就能处理上述问题。
可以让各个元素都使用同一的样式公告，从而提高程序的可重用性和可维护性。
二：理解什么是css
css：cascading style sheet，中文层叠样式表，级联样式表，简称样式表
作用：为html元素去定义样式，可以实现内容与体现相分离。提高程序的可重用性和可维护性。
可重用性：多个元素可以使用相同的样式
可维护性：一个位置的样式改变，其余元素也可以跟着变
三：知道HTML与CSS之间的关系
HTML主要负责显示内容
CSS主要负责样式的定义
一个完整的页面=HTML+CSS
由于有些样式在html和css中都能实现，W3C建议尽量使用CSS样式取代HTML
四：学懂CSS样式表的使用方式
1.将样式定义在HTML元素中，直接写在html，不能实现内容和体现相分离，有称之为内联样式或者者行内样式。
特点：只能控制某一个元素的显示效果。
语法：<标记 style="样式属性:值;样式属性：值......">
常用属性：
color：文本颜色，取值：表示颜色的英文单词
style="color:red;"
红色
style="background-color:green;"
背景绿色
style="color:red;background-color:green;"
文本红色，背景绿色
font-size:字体大小，取值为px为单位
style="font-size:20px"
2.内部样式表
将所有样式内容放在头部
中的元素内中增加若干"样式规则"
样式规则：对一套样式的完整形容。主要包含两部分：
1.1.哪些标记允许使用定义好的样式，叫做选择器
1.2.样式内容：若干样式公告。(样式属性和值）
样式规则语法：
选择器{样式属性:值;}
选择器的分类
1.标记选择器：通过标记的名称来表示，定义这个标记是什么样式。
div{
color:red;
font-size:48px;
}
特点：
能够实现内容与体现相分离
提升了样式的可重用性和可维护性
只能在一个页面中做通用样式定义（控制一个页面的样式）
3.外部样式表
将样式规则保存在独立的样式文件中，由页面对样式文件进行引用
特点：
能够实现内容与体现相分离
完美的表现样式的可重用性和可维护性
所有的页面的样式都能统一控制，在整个网站乃至于互联网中做通用的样式定义。
用法
1.创立一个样式表文件，以css结尾，该文件中只能包含样式规则
2.在页面中，对样式表文件进行引用
中添加以下代码此文为看点钟震说事儿原创内容，特此公告
SEO在线伪原创工具源码 在线同义词替换工具源码 伪原创代写网站源码
微信小说分销系统源码,相似掌中云系统源码
app store 红包 苹果应用商城红包 限量100个红包优惠券代金券
360快照logo站点logo网站排名小图标LOGO展示关键词显示出图
千图网图库网站解析源码 千库 昵图 摄图 图片下载vip解析源码 9网通...
送码官方微信
手机访问领取大礼包