前端css介绍和几种选择器
介绍CSS(介绍CSS的三种方式)
内联样式
&书信电报;标签样式=";属性:属性值";>;<;/标签>;
内部风格
选择器{attribute:attributevalue;attribute:attributevalue}
外部风格
通过链接导入外部CSS文件<;链接rel=";样式表";href=";外部CSS文件"/>;
Href和SrcHref将Src下载资源引用到当前页面
外部风格
- 实现结构与风格的分离
- 实现模块化和公共化
- 减少不必要的代码。
小心:
1.属性:属性值
2.在每个属性值的末尾添加分号(英文)
3.属性和属性值以键值对的形式存在
选择器
基本选择器
标签选择器标签名称{属性:";属性值";}
类选择器类名{attribute:";attributevalue";}等级=";课程名称";呼叫
ID选择器#名称{属性:";属性值";}id=";姓名";周用只能用一次
通配符*{属性:";属性值";}用*{M0+P0}清除原始样式
复合选择器
后代选择器
元素1元素2{styledeclaration}
用空格隔开
子代
要素1>;元素2{样式声明}
使用少于符号(子)
联合选择器
元素1,元素2{styledeclaration}
使用英文逗号(通常垂直书写)
交叉口选择器
元素1元素2{styledeclaration}
旁边(例如,p.红色标签在前,类名在后)
链接伪类选择器
a:Linkselectallunreachable
答:访问的选择已被访问
a:悬停鼠标指针要悬停的链接
a:活动链接,单击未弹出的链接
:焦点伪类选择器
选择获取焦点的表单元素
输入:焦点{
background-颜色:黄色;}
textarea:专注是可以的
注:秩序不得混乱,";吕浩";简练的公式,其他标签也可用
简介:CSS是前端开发必要的技能之一是我们必须掌握它。让我们一起学习
最新评论