在右侧的css设计器中点击源的加号,选择在页面中定义
点击选择器的加号,输入#main选中
点击属性,在其中对css样式进行编辑就行
王道css,css flex方向,css 实战手册下载,css个人信息样式,css3中vmin,css中滑过时图片放大,css 覆盖问题
@ css选择器的分类不包括什么?
css的选择器的分类不包括“超文本标记选择器”。
css的选择器包括类选择器、标签选择器、ID选择器、伪类选择器等等。
类选择器,比如class类型 class = "nav"的话,那么css对应.nav{};
标签选择器,比如body input 就是直接对应 body{} input{};
ID选择器,比如 id="name",那么css对应 #name{};
伪类、伪对象:如a:link,a:hover,a:visited等。
@ css超链接link怎么用?
1. 打开文档,然后打开“CSS样式”面板。
2. 在“CSS样式”面板中,点击右下角的“新建 CSS 规则”按钮,打开“新建 CSS 规则”对话框。
在“选择器类型”中选择“复合内容(基于选择的内容)”项。
在“选择器名称”中点击右边的下拉箭头,大家可以看到:
a:link:未访问的超链接。
a:visited:已经访问过的超链接。
a:hover:鼠标指针移动到上面时的超链接。
a:active:正在访问的超链接。
3. 在“选择器名称”中选择“a:link”项,然后点击“确定”按钮,打开“CSS 规则定义”对话框。
4. 在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后在右边“类型”部分设置链接字体的颜色、大小和修饰等。
5. 设置好以后单击“确定”按钮,完成“a:link”项的设置。
@ css调试工具?
css说是调试工具其实只是一段 Javascript 代码,但非常实用,它会给页面里所有的 DOM 元素添加一个 1px 的描边(outline),方便大家在调试 CSS 过程中分析、排查问题。
先来看看代码,它有两个版本,一个是使用的$$选择器,代码量更少(浏览器控制台支持 $$ 选择器);另一种就是传统的document.querySelectorAll选择器: