css-1

css
1、概念 原理
2、具体的样式
一般样式 背景 字体 文本
盒子模型 边框 边距
布局(难点):定位 浮动
css3 动画 过度

html结构 css美化 js交互
css 层叠样式表 美化页面
在哪写?
内嵌(行内)(不推荐使用,但优先级最高)
写在标签里面,以属性的形式表现 <style>

内联(少量样式使用)
写在<head>标签里面,以标签的形式表现 <style>

外部引用
写在<head>标签里面,以标签的形式表现,标签名<link>
<link rel="stylesheet" href="***.css"> 属性必须要填,引用的文件是css属性

内联和外部引用要用到选择器,选择器:用来找标签,把指定的样式应用在找到的标签上

样式格式:样式名:样式值;

选择器
通用选择器:*号 所有标签
1、标签选择器 根据标签名来找
2、id选择器 根据id值来找 #id值
id属性在当前文件里面是唯一的
3、class选择器 根据class值来找 .class值
class的值可以有多个

4、其他
并列 两个选择器用一个样式,用逗号分隔 {选择器1,选择器2 (样式)}
子类 在选中的标签中找 空格

5、属性选择器【属性名=‘属性值’】

优先级:就近原则(相同样式,相同选择器) 不同选择器 权值(权值越大,优先级越高)
权值: 行内选择器1000 id选择器100 class选择器10 标签选择器1 通用选择器0


背景:
background-color 背景颜色
background-image 图片 路径url
html中的图片路径从HTML文件开始找 css中的图片路径从css文件开始找
js中的图片路径从引入该js文件的HTML文件开始找
background-repeat 图片平铺方式

background-position 位置

文本;
color 颜色
text-align 对齐
text-indent 缩进
line-height 设置行高

猜你喜欢

转载自www.cnblogs.com/mmzz3322/p/10455710.html
今日推荐