CSS学习小记1(Dreamweaver CC 创建选择器)

创建CSS 选择器
1、在右侧“CSS设计器”面板,在“源”窗格中,(+)创建一个“源”或选择其中已有的外部“源”文件(在页面中直接定义的源,就不可在其他页面被调用)。
2、在@媒体窗格中,选择某个媒体查询(媒体查询是一种 CSS3 模块,可帮助您通过为不同设备或媒体类型定义不同的样式规则来设计响应式网站,如无需求可不选)。
3、在“选择器”窗格中,单击(+) 。根据在文档中选择的元素,“CSS Designer”会智能提供选择器的粗略/具体显示名称(基于正在选中的HTML标签,使用上下按键选择,不需要提供的名称可自行命名)。
4、在HTML内,为某个标签设计id,可以为选择器命名#+id内容,直接为该标签作样式控制。如:HTML内设定<p id="paragraph">前端学习</p> 在选择器窗格里面,选择器命名为#paragraph,即可为这段落标签设置样式。(注意选择器不可以数字开头)
5、新建了选择器,属性窗格弹出”添加属性“栏,可以直接输入需要添加的样式代码,选择值。也可以勾选“显示集”查看所有属性来寻找需要的样式。
6、“全部”指的是此页面的全部CSS选择器,“当前”指的是当前选中的标签中包含的CSS选择器。

CSS学习小记1(Dreamweaver CC 创建选择器)