1. 打开“CSS样式”面板。
吴桥网站建设公司成都创新互联公司,吴桥网站设计制作,有大型网站制作公司丰富经验。已为吴桥1000多家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的吴桥做网站的公司定做!
2. 在“所选内容的摘要”窗格中双击某一个属性,打开“CSS 规则定义”对话框。如下图所示:
一、定义CSS的类型属性
在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后可以在右边“类型”部分设置属性:
Font-family:设置字体系列。在下拉菜单中选择字体。
Font-size:定义文字的字体大小。
Font-weight:对字体应用特定或相对的粗体量。
Font-style:指定“正常”、“斜体”或“偏斜体”作为字体样式。
Font-variant:设置文本的小型大写字母变体。
Line-height:设置文本所在行的高度。
Text-transform:将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。
Text-decoration:向文本中添加下划线、上划线或删除线,或使文本闪烁。
Color:设置文本的颜色。
提示:如果某一个属性不需要设置,可以将其保留为空。
变成灰色,说明这个css面板已经展开了,
看看上面的窗口是否已经有;
“CSS 样式”面板使用“CSS 样式”面板可以跟踪影响当前所选页面元素的 CSS 规则和属性(“当前”模式),或影响整个文档的规则和属性(“所有”模式)。使用“CSS 样式”面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“所有”和“当前”模式下修改 CSS 属性。可以通过拖放窗格之间的边框来调整任一窗格的大小。在“当前”模式下,“CSS 样式”面板显示三个窗格:“所选内容的摘要”窗格,其中显示文档中当前所选内容的 CSS 属性;“规则”窗格,其中显示所选属性的位置(或所选标签的规则的层叠,具体取决于您的选择);以及“属性”窗格,它允许您编辑用于定义所选内容的规则的 CSS 属性。在“所有”模式下,“CSS 样式”面板显示两个窗格:“所有规则”窗格(顶部)和“属性”窗格(底部)。“所有规则”窗格显示当前文档中定义的规则以及附加到当前文档的样式表中定义的所有规则的列表。使用“属性”窗格可以编辑“所有规则”窗格中任何所选规则的 CSS 属性。对“属性”窗格所做的任何更改都将立即应用,这使您可以在操作的同时预览效果。
两者区别在于:
1、HTML是由标志和属性组成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等;
2、一般统一在CSS中设置样式,你可以随便打开网站查看源码,基本上看不到HTML中有设置样式的;
3、html是用来写网页内容的,像网页上文字、图片内容等都是用html来写;
4、css是用来写样式表的,给html写的内容加上各种样式,使网页更美观。像文字的颜色,页面的布局,一些按钮边框的样式是用css来控制的;
5、html调用样式的时候分为三种类型:内联样式,内部样式,外部样式。
1)内联样式:就是写在html的标签上;
2)内部样式:就是写在heml的头部head中;
3)外部样式:就是写在外部,另外建一个css文件
这三种调用样式的权重值是:内联样式内部样式外部样式。
即:先文件加载的时候先调用内联样式,如果没有内联样式其次才是内部样式,最后才是外部样式。
html如果有属性的话就称为内联样式。这样的话内联样式权限大于CSS中的样式
也就是HTML属性会被显示出来的CSS中相同属性所覆盖
可以鼠标右击"审查元素"来打开css的样式面板,还可以通过配置workspace来修改css后,直接映射到文件中,对于开发都而言,是能提高开发效率的一种方式。chrome还有一个插件名字叫作liveStyle,也可以做到这个效果,插件可以直接在chrome的应用商店进行下载。
一般来说可以下单的属性分为两大类,一种是固有属性,第2种是非固有属性。