1: 选择器:
第一种选择器:标题选择器
<style>
h1{color: brown;}
</styl>
<body>
<h1>恭喜kw42高薪就业</h1>
</body>
**第二种选择器:类选择器(**class=a 可以给任意我想给的元素添加同一个样式 )
<style>
a{color: brown;}
</style>
</head>
<body>
<p class="a">我是谁</p>
</body>
第三种:id选择器 代表唯一 只能写一个id=#b
<style>
#b{color: brown;}
</head>
<body>
<div id="b">我是谁</div>
2:文本样式:
第一种:内部样式。held里面的style是内部样式,也称行内样式 第二种:内联样式。body里面的内容就是内联样式,div元素在其样式域中用的比较多,代表块元素,独占一行 语法:
内容
第三种:外部样式,有两种方式:第一种是链接式:这个“1”代表这外部文件,选中这个外部文件,才可以导入,引用
第二种是导入式:@imput ur(1.css)
3: css样式的优先级:内联样式>内部样式>外部样式;id选择器>类选择器>标题选择器
执行加载顺序:先外部>内部>内联 自定义其样式哪个优先级最高,在其元素后面加:!importont
4: css文本在网页的作用:
第一种字体样式:font-size字体大小。font-family字体类型。font-style字体类型:font-style:normal取消倾斜。font-weight字体大小:font-weight:bold加粗;font-weight:lighter变细 font:输入顺序为:字体风格,字体粗细,字体大小,字体类型
第二种文本样式:text-align水平方式对齐:text-align:centei居中; text-indent:数值em;line-height文本行高;text-decoration文本的装饰:text-decoration:none取消下划线。text-shadow:颜色,xpx ypx rpx 阴影
5:伪类语法:
伪类名:a:hover鼠标悬停在文字上的样式 a:link没有访问超链接的样式 a:visite单击访问超链接的方式 a:action鼠标点击的样式
6:a链接访问需要一个顺序:lvha
鼠标类型:defult默认光标;pointer超链接的指针;wait等待的效果 croshair呈现十字架的图标;help有用的帮助,text点击文本有滑动的效果 语法:coursor: