怎样建立新的css规则

建立新css规则的方法:首先打开dreamweaver软件;然后在菜单中单击“文件”选择“新建”;接着创建“XHTML1.0 transitional”;最后打开“新建CSS规则”对话框,并指定要创建的CSS规则的选择器类型即可。

怎样建立新的css规则

本教程操作环境:windows7系统、Adobe Dreamweaver cs3版本、Dell G3电脑。

1、打开dreamweaver软件

3b99a7aa6c4e971faedd0421468cd71.png

2、在菜单中单击“文件”选择“新建”

立即学习“前端免费学习笔记(深入)”;

a2815e2cb3ef1eef9dfe1ee97f92eba.png

3、在新建文档窗口,选择“空白页”—“HTML”,文档类型选择“XHTML1.0 transitional”,单击“创建”按钮

50cf7960c7f5466e9aaa9775e9c6e35.png

4、将插入点放在文档中,然后在菜单栏单击“格式”,在弹出的下拉菜单中选择“CSS样式”—“新建”

619144f951f3e968be5012a1a616c48.png

5、在“ 新建 CSS 规则” 对话框中,指定要创建的 CSS 规则的选择器类型:

推荐:css视频教程

若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式,请从“ 选择器类型” 弹出菜单中选择“ 类” 选项,然后在“ 选择器名称” 文本框中输入样式的名称。

若要定义包含特定 ID 属性的标签的格式,请从“选择器类型”弹出菜单中选择“ID”选项,然后在“选择器名称”文本框中输入唯一 ID。

若要重新定义特定 HTML 标签的默认格式,请从“选择器类型”弹出菜单中选择“标签”选项,然后在“选择器名称”文本框中输入 HTML 标签或从弹出菜单中选择一个标签

7781f6de80fa78f54a8d52d4ce7b3a8.png

6、在“CSS规则定义”窗口中设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数,然后点击“确定”按钮完成设置

d8397fdd50b8e278397152176b004fd.png

7、还可以在CSS样式面板里设置。将插入点放在文档中,在CSS样式面板下面单击“新建CSS规则”图标。再完成步骤6的设置

27db8b4bbd3b1422465cd2ce74ab852.png

8、在CSS属性里设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数

3c95d59dd2317583e3ac1b3d8f1d248.png

更多编程相关知识,请访问:编程入门!!

以上就是怎样建立新的css规则的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1617322.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月24日 05:49:13
下一篇 2025年12月24日 05:49:24

相关推荐

  • css图片可以旋转吗

    css图片可以旋转;在CSS中可以通过使用transform属性并设置值为“rotate(angle)”、“rotate3d(x,y,z,angle)”、“rotateX(angle)”或“rotateY(angle)”等实现旋转图片即可。 本教程操作环境:windows7系统、HTML5&…

    好文分享 2025年12月24日
    000
  • 声明你的第一个css变量

    刚开始的“css变量”,经扩展之后,称为“css自定义属性”。当各种预处理器满天飞的时候,css变量已经开始渐渐普及在特定的应用场景,css变量确实发挥了很大的作用。 (学习视频分享:css视频教程) 此外,与一些 CSS 预处理器不同的是,CSS 变量实际上是 DOM 的一部分,这对于开发有极大的…

    2025年12月24日 好文分享
    000
  • margin和padding的区别是什么

    区别:margin是指从自身边框到另一个容器边框之间的距离,即容器外距离,是隔开元素与元素的间距;而padding是指自身边框到自身内部另一个容器边框之间的距离,即可容器内距离,是盒子边框与盒子内部元素的距离。 本文操作环境:宏基s40-51、hbuilderx.3.0.5&&css…

    2025年12月24日 好文分享
    000
  • first-child的作用是什么

    “:first-child”是css中的一个选择器,其作用是用于匹配其父元素中的第一个子元素;其语法格式是“指定子元素:first-child{css代码样式}”。 本文操作环境:宏基s40-51、hbuilderx.3.0.5&&css3版、windows10家庭中文版 (学习视频…

    2025年12月24日
    000
  • 谈谈css中的栅格布局(图文)

    (学习视频分享:css视频教程) 栅格布局能将网页分成简单属性的行和列,CSS页面布局技术允许我们拾取网页中的元素,并且控制它们相对正常布局流、周边元素、父容器或者主视口/窗口的位置。 圣杯布局 圣杯布局是一种三列布局,两边定宽,中间自适应: 立即学习“前端免费学习笔记(深入)”; css: * {…

    2025年12月24日 好文分享
    000
  • css里图片和文字如何等高

    css里设置图片和文字等高的方法:1、添加css属性“vertical-align:middle;”;2、将图片和文字分别套上一个div,然后利用margin属性实现图片和文字等高效果即可。 本教程操作环境:windows7系统、css3版本、Dell G3电脑。 推荐:css视频教程 CSS 让同…

    2025年12月24日
    000
  • css框模型规定了什么作用

    css框模型规定了元素框处理元素内容、内边距、边框和外边距的方式;元素框的最内部分是实际的内容,直接包围内容的是内边距;内边距呈现了元素的背景,内边距的边缘是边框;边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 本教程操作环境:windows7系统、css3版本、Dell G3电…

    2025年12月24日
    000
  • css如何设置li的样式

    css设置li样式的方法:1、通过list-style-type属性定义li列表的项目符号;2、通过list-style-image属性实现使用图片代替项目符号;3、通过list-style属性综合设置li样式即可。 本教程操作环境:windows7系统、css3版本、Dell G3电脑。 推荐:c…

    2025年12月24日
    000
  • none在css中表示什么意思

    none在css中表示令某个元素失效,常用于display、border、outline、list-style等属性中;如“display:none;”属性表示设置元素不显示,“border: none;”属性表示不显示元素的边框等。 本教程操作环境:windows7系统、css3版本、Dell G…

    2025年12月24日
    000
  • css中resize属性有什么用

    resize属性的作用:指定一个元素是否是由用户调整大小的;若值为“none”则用户无法调整元素的尺寸,值为“both”则可调整元素的高度和宽度,值为“horizontal”则可调整元素的宽度,值为“vertical”则可调整元素的高度。 本教程操作环境:windows7系统、css3版本、Dell…

    2025年12月24日
    000
  • 火狐加载css不成功怎么办

    火狐加载css不成功的解决办法:1、点击F12打出调试面板,并在network选项板中查看error信息;2、依次开启路径“菜单->查看->页面样式->选择“基本页面风格””即可。 本教程操作环境:windows7系统、Mozilla Firefox68.01&&c…

    好文分享 2025年12月24日
    000
  • 网页不能正常显示css怎么办

    网页不能正常显示css的解决办法:1、检查网络原因;2、修改CSS代码写法;3、将CSS文件的字符集和调用CSS文件的网页字符集设置为一致即可。 本教程操作环境:windows7系统、css3版本、Dell G3电脑。 推荐:《css视频教程》 网页不能正常显示css的可能原因 1、网络原因 立即学…

    2025年12月24日
    000
  • jsp css图片不显示怎么办

    jsp css图片不显示的解决办法:首先将图片导入到建好的img文件目录下;然后在CSS中修改代码为“background-image: url(img/flight.jpg);”即可。 本教程操作环境:windows7系统、Java8.0&&css3版本、Dell G3电脑。 推荐…

    2025年12月24日
    000
  • 如何复制css代码

    复制css代码的方法:首先按f12或者右击“检查”打开浏览器的控制台,并点击控制台顶部导航栏上的“Sources”按钮;然后找到样式表;最后在样式表里面按“ctrl+a”快捷键全选并复制即可。 本教程操作环境:windows7系统、Chrome76.0&&CSS3版本、Dell G3…

    2025年12月24日 好文分享
    000
  • 使用CSS实现九宫格布局的几种方法

    本篇文章带大家了解一下使用css实现九宫格布局的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 教程推荐:css视频教程 目录: margin负值实现 立即学习“前端免费学习笔记(深入)”; 祖父和亲爹的里应外合 换个思路 – li生了儿子帮大忙。 借助abs…

    2025年12月24日 好文分享
    000
  • css如何设置图片平移

    css设置图片平移的方法:1、通过“translate(x,y)”属性使元素在x轴和y轴方向同时移动;2、通过“translate X(x)”属性使元素仅在x轴方向移动;3、通过“translateY(y)”属性使元素仅在y轴方向移动即可。 本教程操作环境:windows7系统、HTML5&…

    2025年12月24日
    000
  • css怎么让连续数字字母换行

    css让连续数字字母换行的方法:首先创建一个HTML示例文件;然后使用“word-wrap: break-word;”属性让连续数字字母强制换行即可。 本教程操作环境:windows7系统、HTML5&&CSS3版本、Dell G3电脑。 推荐:css视频教程 在div+css布局中…

    2025年12月24日
    000
  • css怎么设置text不可编辑

    css设置text不可编辑的方法:1、通过“οnfοcus=this.blur()”方法设置text不可编辑;2、使用readonly属性设置输入字段为只读;3、使用disabled属性设置禁用input元素即可。 本教程操作环境:windows7系统、HTML5&&CSS3版本、D…

    2025年12月24日
    000
  • css怎么让图片横着排列

    css让图片横着排列的方法:首先创建一个div来包裹所有的图片;然后隐藏外层div在纵向的滚动条,将横向滚动条设置为自动;最后设置外层div的white-space属性值为nowrap即可。 本教程操作环境:windows7系统、HTML5&&CSS3版本、Dell G3电脑。 推荐…

    2025年12月24日
    000
  • css 怎么设置全屏背景图片

    css设置全屏背景图片的方法:首先创建一个HTML示例文件;然后在css里为body添加背景图标;最后通过添加background-size样式来设置全屏背景图片即可。 本教程操作环境:windows7系统、HTML5&&CSS3版本、Dell G3电脑。 推荐:css视频教程 在h…

    2025年12月24日 好文分享
    000

发表回复

登录后才能评论
关注微信