1.css有几种编写的方式?
内联样式:使用style属性声明在元素中
内部样式:<style><style>
外部样式:<link rel="stylesheet" href="css/css.css"/>引入方式
使用的规则:
内联样式只是对当前的元素有效,内部样式对当前页面有效,外部样式对所有引用它的页面都有效
内联样式尽量少用;内部样式可以适量的使用(全站中只有一个页面中使用的样式)推荐使用外部样式(如果是公共的样式)
2.css的选择器
通用的选择器 *{ } 选择页面中所有的元素
元素选择器 元素名{ } 选择指定的元素
Id选择器 #id{} 选择具有指定id的元素
类选择器 .类名{} 选择具有指定class的所有的元素
并列/过滤选择器 选择1选择器2{ } 选择可被两个选择器选中的元素 p.mark{}
子元素选择器:选择器1 选择器2{ }
直接子元素选择器选择器1>选择器2{ }
伪类选择器:
:伪类名{ }
a:hover{}当鼠标悬停到元素上方的时候,给什么样式
a:link{}选择所有没有访问过的超链接
a:visited{}选择访问过的超链接
Input:foucs{} 当元素获取焦点的时候
面试题:css样式的优先级
!important>内联样式>id选择器>类选择器>元素选择器>浏览器预定定义的样式
.Css中的尺寸
相对尺寸:
%:所占父元素的百分比
Px:像素,指屏幕中的一个点
em:表示标准字体大小
绝对尺寸
Cm mm in pt
2. css中的颜色
英文字母的表示:red green
RGB表示法:
三位整数rgb(255,255,255)
三位百分比rgb(30%,50%,60%)
6位16进制 #000000
3位16进制 #333
网友评论