十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1.内联样式:直接写在标签里面 p style="font-size:16px"/p
创新互联是一家集网站建设,西吉企业网站建设,西吉品牌网站建设,网站定制,西吉网站建设报价,网络营销,网络优化,西吉网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
2.内部样式:在head下面的style标签里面写
head
title/title
style type="text/css"
h3{
color:green;
}
/style
/head
3.外部样式:
先创建一个以.css为结尾的文件
p{
color:red;
}
然后在其他页面引用
link rel="stylesheet" type="text/css" href="xxx.css"
1. 标签名选择器 div { color:Red;} 即页面中的各个标签名的css样式
2.类选择器 .divClass {color:Red;} 即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} 即页面中的标签的id
4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} 即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示
CSS 的出现, 实现了网页的结构和样式分离。美容师!
CSS 规则由两个主要的部分构成: 选择器, 以及一条或多条声明
CSS 规则由两个主要的部分构成: 选择器, 以及一条或多条声明
以内嵌式样式表为例
vs code快捷键: ctrl+/
CSS的英文可以大写,也可以小写
建议全部小写!
颜色名就是使用颜色的英文单词进行表示
更多的颜色名可以通过查询手册得到
颜色值指使用具体颜色的数值表示。 包括: rgb 模式和十六进制模式写法
常用颜色的 rgb 色值:
常用颜色的十六进制色值:
注: 十六进制颜色值简写模式: 如果红、 绿、 蓝三个原色的色值每一个都是由重叠的数字组成, 可以将重叠的数字简化成一个进行书写。 如: 红色 #f00
如果不设置字体属性, 不同的浏览器有自己的默认字体
首选字体需要根据设计图确定, 最后需要设置备用字体
缺点: id 选择器只能实现单选, 不能帮我们完成多选的功能
原子类: 在css中提前设置一些类名, 每个类选择器后面只添加一条css样式属性, 这些属性会在页面中常被使用, 后期可以不需要多次书写属性, 只要将对应的类名添加给需要的标签即可
实际工作中, 通常我们有一个使用规律: 类上样式(CSS), id 上行为(JavaScript)
优点: 减少 class 属性的使用, 选择效率更高
继承性是一个很好的性质, 可以将页面中出现最多的文字样式设置给一个较大的祖先级标签比如 body, 后期所有的后代标签都可以从 body 进行继承