博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS基础
阅读量:6112 次
发布时间:2019-06-21

本文共 877 字,大约阅读时间需要 2 分钟。

hot3.png

CSS 规则由两个主要的部分构成:选择器(元素),以及一条或多条声明:

CSS 语法

提示:请使用花括号来包围声明。

提示:如果值为若干单词,则要给值加引号。

继承及其问题

根据 CSS,子元素从父元素继承属性。

派生选择器

li strong {    font-style: italic;    font-weight: normal;  }

我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用

  1. 我是斜体字。这是因为 strong 元素位于 li 元素内。
  2. 我是正常的字体。
在上面的例子中,只有 li 元素中的 strong 元素的样式为斜体字,无需为 strong 元素定义特别的 class 或 id,代码更加简洁。

id 选择器

#sidebar p {	font-style: italic;	text-align: right;	margin-top: 0.5em;	}

应用于出现在 id 是 sidebar 的元素内的段落

类选择器

在 CSS 中,类选择器以一个点号显示:

.center {text-align: center}

元素也可以基于它们的类而被选择:

td.fancy {	color: #f60;	background: #666;	}
 

CSS 属性选择器

下面的例子为带有 title 属性的所有元素设置样式:

[title]{color:red;}

下面的例子为 title="W3School" 的所有元素设置样式:

[title=W3School]{border:5px solid blue;}

如何创建 CSS

外部样式表 <link>

内部样式表 <head>内部的<style>

内联样式表 标签内使用样式(style)属性<p style="color: sienna; margin-left: 20px">

继承和优先级,重合的内部高于外部,不重合的叠加

 

转载于:https://my.oschina.net/zengjs275/blog/781360

你可能感兴趣的文章
IOC —— AOP
查看>>
比特币现金将出新招,推动比特币现金使用
查看>>
数据库的这些性能优化,你做了吗?
查看>>
某大型网站迁移总结(完结)
查看>>
mysql的innodb中事务日志(redo log)ib_logfile
查看>>
部署SSL证书后,网页内容造成页面错误提示的处理办法
查看>>
MS SQLSERVER通用存储过程分页
查看>>
60.使用Azure AI 自定义视觉服务实现物品识别Demo
查看>>
Oracle 冷备份
查看>>
jq漂亮实用的select,select选中后,显示对应内容
查看>>
C 函数sscanf()的用法
查看>>
python模块之hashlib: md5和sha算法
查看>>
linux系统安装的引导镜像制作流程分享
查看>>
解决ros建***能登录不能访问内网远程桌面的问题
查看>>
pfsense锁住自己
查看>>
vsftpd 相关总结
查看>>
bash complete -C command
查看>>
解决zabbix 3.0中1151端口不能运行问题
查看>>
售前工程师的成长---一个老员工的经验之谈
查看>>
Get到的优秀博客网址
查看>>