总结CSS的常用样式

PHP中文网 • 2025年3月29日 18:10:59 • 编程技术 • 阅读 2

css 说的通俗一点就是给标签加样式的。什么玩意是样式呢。你们可以理解为人穿的衣服，化妆之类的修饰，让自己的写的标签变的好看一点

那么这个css 怎么加到对应的标签上面去呢

有3种方法分别是外部样式、内页样式、行内样式。

那么这个css 怎么加到对应的标签上面去呢有3种方法分别是外部样式、内页样式、行内样式。外部样式：将网页链接到外部样式表。比如这个样子：内页样式：在网页上创建嵌入的样式表比如这个样子：body{}行内样式：应用内嵌样式到各个网页元素。比如这个样子：

xiaochuan

那比如说我这三个样式都针对某一个标签他的优先级是什么样子的呢？行内样式 > 内页样式 > 外部样式怎么理解呢比如:行内样式设置文字大小为 14px内页样式设置文字大小为 15px外部样式设置文字大小为 16px那么这边标签的设置文字大小为 14pxcss 语法标签选择符方式这是针对页面上面对应的所有标签都会生效p{color:#999999}

xiaochuan1

xiaochuan2

类选择符这是针对页面上面标签中class属性存在对应类名都会生效.xiao{color:#999999}

xiaochuan1

xiaochuan2

ID选择符这是针对页面上面标签中id属性存在对应类名都会生效切记这个只能用一次。有可能说某些浏览器可以无限使用但是不建议使用多次#xiao{color:#999999}

xiaochuan1

xiaochuan2

关联选择符这是针对页面上面对应格式的所有标签都会生效p span{color:#999999}

xiaochuan1

xiaochuan2

组合方式这是针对页面上面对应的所有标签都会生效h1, h2{ color: red; }

xiaochuan1

xiaochuan2

xiaochuan3

如果我们这边需要对某个标签定义多个css怎么去写呢格式为样式的名称:样式的值; 如果写单个的话分号可以进行省略,最后一个分号也可以省略

xiaochuan

css 属性赋值css 有的属性是有多个值的当然也可以多个赋值也可以直接赋值给一个我这边就说一下margin 吧margin:10px;这个代表的意思为所有 4 个外边距都是 10pxmargin:10px 5px;这个代表的意思为上外边距和下外边距是 10px右外边距和左外边距是 5pxmargin:10px 5px 15px;这个代表的意思为上外边距是 10px右外边距和左外边距是 5px下外边距是 15pxmargin:10px 5px 15px 20px;这个代表的意思为上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20px当然如果搞不懂直接 margin-leftmargin-topmargin-rightmargin-bottom这样也可以我这边整理了一下经常会在项目中用到的一些样式color 设置文字颜色font-family 定义文字字体font-size 设置文字的大小font-style 设置文字斜体line-height 设置行高text-align 文字的对齐方式list-style-type 列表样式 background 定义背景可以设置颜色图片之类的cursor 设置鼠标的形状 border 设置标签的边框margin 设置标签的外边距padding 设置标签的内边距position 定位overflow 溢出float 浮动width 设置宽height 设置高a 标签这个比较特别 a 所有超链接a:link 超链接文字格式a:visited 浏览过的链接文字格式a:active 按下链接的格式a:hover 鼠标转到链接

登录后复制

以上就是总结CSS的常用样式的详细内容，更多请关注【创想鸟】其它相关文章！

发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3122249.html