首页 > 网站建设 >

网站建设公司关于CSS样式设置

发布时间:2019-08-29 作者:深圳网站建设

  深圳网站建设公司在使用CSS样式之前要先定义好CSS样式,这样才能对网页中的内容进行CSS样式的应用。在Dreamweaver中,即使不懂CSS代码,也可以轻松地创建与使用CSS样式表。
“CSS样式”面板
  使用“CSS样式”面板可以跟踪文档所有可用的CSS规则和属性,也可以跟踪影响当前所选页面元素的CSS规则和属性。“CSS样式”面板右下角的五个按钮对应含义分别是:附加样式表、新建CSS规则、编辑样式、禁用/启用CSS属性、删除CSS属性。
新建CSS样式
  新建的空白文档是不包含任何CSS样式的,“CSS样式”面板的列表框中显示“未定义样式”文字。要想新建CSS样式。规则定义的位置有两种:一种是仅限该文档;另一种是新建样式表文件。如果选择后者,将弹出“将样式表文件另存为”对话框生成外部样式表文件,同时在当前HTML文档中自动生成链接语句。
编辑CSS样式
  当已创建的CSS样式没有达到预期效果时,可以对其进行编辑以满足需求。
 
设置CSS样式的类型属性
  “…的CSS规则定义”对话框中“类型”选项卡的主要功能是定义文字的格式,包括字体、字号、颜色、粗细、行高等各种对文字进行修饰的CSS规则。
设置CSS样式的背景属性
  “…的CSS规则定义”对话框中“背景”选项卡的主要功能是定义所选对象的背景,包括背景颜色、背景图像以及图像的摆放位置等CSS规则。
设置CSS样式的区块属性
  “…的CSS规则定义”对话框中“区块”选项卡的主要功能是定义区块与区块之间的关系,包括文字间距、对齐、首行缩进以及区块之间的继承关系等CSS规则。
设置CSS样式的方框属性“…的CSS规则定义”对话框中的“方框”选项卡在网页布局中的使用频率很高,主要功能是定义方框的格式以及形态,包括方框大小、浮动状况、补白、边界距离等CSS规则。
设置CSS样式的边框属性
  “…的CSS规则定义”对话框中“边框”选项卡的主要功能是定义边框的格式,包括边框颜色、粗细、样式等CSS规则。
设置CSS样式的列表属性
  “…的CSS规则定义”对话框中“列表”选项卡的主要功能是定义列表的格式,包括列表符号类型、图像以及缩进程度等CSS规则。
设置CSS样式的定位属性
  “…的CSS规则定义”对话框中“定位”选项卡的主要功能是定义所选对象的定位状况,包括各对象位置的相对定位、位置偏移、堆叠顺序、溢出状态等CSS规则。
  设置CSS样式的扩展属性“…的CSS规则定义”对话框中“扩展”选项卡的主要功能是定义分页控制、光标形状和滤镜效果。
设置CSS样式的过渡属性
  通过CSS3过渡效果可轻松制作平滑过渡效果,以响应如悬停、单击和聚焦等触发器事件,而不需要编写复杂的脚本程序代码。“…的CSS规则定义”对话框中“过渡”选项卡的主要功能是显示和设置(而不是定义)当前对象所附带的过渡参数。要定义完整的带交互功能的过渡效果,建议利用“窗口”|“CSS过渡效果”命令进行创建。网站建设公司本文关于“网站建设公司关于CSS样式设置”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。

 
文章标题: 网站建设公司关于CSS样式设置
本文地址:https://www.198bona.com/news/3713.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯