css简介:
<!-- 网页分成三个部分
html 结构 30个左右标签,先用一段时间
css 表现 外在显示的样子
js 行为
html 超文本语言
css -层叠样式表
—网页是一个多层的结构,css可以给每一层结构设置样式,
最终你看到的是最上面的一层
你要找的事,找对追求目标,然后各种花招追求她(他) -->
css书写位置:
<!-- 第一种方式:内联样式/行内样式
书写位置:开始标签 style属性,讲css样式写在style属性值里面
可以写多个样式,只要用分隔号;隔开即可
优缺点:
优点:有针对性
缺点:1、结构和表现耦合了
2、修改起来不方便
注意:不推荐使用
-->
<!--第二种方式:内部样式表
书写位置:head标签内部,写一个style标签,通过选择器选中对应的html结构,
在花括号里面书写css样式,可以写多组样式,样式之间用;隔开,
最后一个样式后可以不加分隔号,但一般都加上
优缺点:
缺点:复用率不高
注意:css比较多的时候,不推荐使用
但教学期间,用的可能比较多
-->
<!-- 第三种方式:外部样式表
书写位置:在html文件外,新建一个.css文件,在css文件里通过选择器选中
对应的html结构,在花括号里面书写css样式,
然后在head标签内写一个link标签将对应的css文件引入到html文件内
注意:推荐使用
-->
<!--
css语法:样式名,样式值
color 设置字体的颜色 red green yellow
font-size 设置字体的大小 px 默认的字体大小是16px
background-color 设置背景颜色 red green yellow
-->
css的语法:
/* css注释符号 */
/*
CSS的注释,作用和HTML注释类似,只不过它必须编写在style标签中,或者是css文件中
CSS的语法:
选择器 声明块
选择器:有多种选择器
声明块:具体的css样式,是写在花括号里面
样式的结构:名值对结构(样式名:样式值;),可以写多组样式,用分隔号隔开
*/