html中井号的作⽤,html5css选择器井号,句点的区别
⼀、理解CSS的样式组成CSS⾥的样式表是有规则组成的,每条规则有三个部分组成:
1、选择器(如下⾯例⼦中的:“body”),告诉浏览器⽂档的哪个部分受规则影响;
2、属性(如实例中的font-family、color等),规定了布局的什么⽅⾯被设置了;
3、值(如实例中的Arial,sans-serif,#333333等),给出了式样属性的值。⼆、CSS式样中不同符号的区别
#是ID选择器 .是class选择器 *是通配符号
⽐如*{margin:0;padding:0;所有的元素都会沿⽤这个属性样式}(还有⼀种情况是IE hack)⽐如 .b{margin:0;*margin:10px;}这⾥IE 看到的是margin:10px,其他的浏览器看到的会是前⾯那个margin:0;
先来看段代码吧~
body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
}
#masthead{
margin: 0;
padding: 10px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
}
.feature img{
float: left;
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 0;
}
#号对应id
点号对应class
jquery是什么有什么作用不加对应html 标签
归纳成⼀句话就是:Class可以反复使⽤⽽ID在⼀个页⾯中仅能被使⽤⼀次。有可能在很⼤部分浏览器中反复使⽤同⼀个ID不会出现问题,但在标准上这绝对是错误的使⽤,⽽且很可能导致某些浏览器的现实问题。
在实际应⽤的时候,Class可能对⽂字的排版等⽐较有⽤,⽽ID则对宏观布局和设计放置各种元素较有⽤。
table.hovertable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color:
#999999; border-collapse: collapse; } table.hovertable th { background-color: #eed8ae; border-width: 2px; padding: 8px; border-style: solid; border-color: #a9c6c9; } table.hovertable tr { background-color:#d4e3e5; } table.hovertable td { border-width: 2px; padding: 8px; border-style: solid; border-color: #a9c6c9; }
学术或⾜球分析交流:chinamaths(进讨论组)
css选择器中:first-child 与 :first-of-type的区别
## css选择器中:first-child 与 :first-of-type的区别 ---- :first-child选择器是css2中定义的选择器,从字⾯意思上来看也很好理解,就是第⼀个⼦元素.⽐ ...
html5 css选择器。 井号,句号的区别
.
理解CSS的样式组成CSS⾥的样式表是有规则组成的,每条规则有三个部分组成:1.选择器(如下⾯例⼦中的:“body”),告诉浏览器⽂档的哪个部分受规则影响:2.属性(如实例中的font-family ...
html5——css选择器
复习 div>p: ⼦代 div+p:div后⾯相邻的第⼀个p div~p: div后⾯所有的兄弟p 属性选择器 标志:[]:区别于id选择器:#,区别于类名选择器:. 特殊符号:^:开头 ...
css选择器中:first-child与:first-of-type的区别
:first-child选择器是css2中定义的选择器,从字⾯意思上来看也很好理解,就是第⼀个⼦元素.⽐如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第⼀个⼦元素: ...
[转] css选择器中:first-child与:first-of-type的区别
:first-child选择器是css2中定义的选择器,从字⾯意思上来看也很好理解,就是第⼀个⼦元素.⽐如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第⼀个⼦元素: ...
[转]ibatis中井号跟美元符号区别(#、$)
Mybatis中如何在SQL语句表名中使⽤参数 insert into prefix_${table_name} (a, b, c) values (#{a}, #{b}, #{c}) ${} 表⽰直 ...
ibatis中井号跟美元符号区别(#.$)
1.#可以进⾏预编译,进⾏类型匹配,#变量名# 会转化为 jdbc 的 类型 $不进⾏数据类型匹配,$变量名$就直接把 $name$替换为 name的内容 例如: select * from tabl ...
第⼋⼗六节,html5+css3pc端固定布局,⽹站结构,CSS选择器,完成导航
html5+css3pc端固定布局,⽹站结构,CSS选择器,完成导航 页⾯采⽤1280的最低宽度设计,去掉滚动条为1263像素. 项⽬是PC端的固定布局,会采⽤像素(px)单位. ⽹站结构语义 在没有 ...
HTML5 -⼊门 (---css样式-------------(css基础与css选择器)---------------------—)
---恢复内容开始--- ⼀css基础⼊门与css选择器 CSS英⽂全拼:cascading style sheet 层叠样式表. 在html中使⽤:要在head中写style标签,所有样式放在sty ...
随机推荐
SQL 执⾏进展优化
聚集索引扫描 SELECT * FROM C_SY_Ownedstorm 聚集索引扫描⽐表扫描快 聚集索引扫描:发⽣于聚集表,也相当于全表扫描操作,但在针对聚集列的条件等操作时,效率会较好. 表扫描 ...
(三)、Struts第三天
(三).Struts第三天 Struts核⼼业务: (Struts提供了哪些功能?) 1. 请求数据⾃动封装(params) 2. struts数据处理⽅式
* ActionContext ...
【⽅法】Html5实现⽂件异步上传
1 简介 开发⽂件上传功能从来不是⼀件愉快的事,异步上传更是如此,使⽤过iframe和Flash的上传⽅案,也都感觉⼗分的别扭.本⽂简要简绍利⽤Html5的FormData实现⽂件的异步上传,还可以实 ...
实现QObject与JavaScript通讯(基于QWebEngine + QWebChannel)
实现QObject与JavaScript通讯(基于QWebEngine + QWebChannel) 通过使⽤QtWebEngine加载相关页⾯,然后⽤QtWebChannel作为Qt与Javascr ...
Leetcode刷题
Leetcode题库 本博客⽤于记录在LeetCode⽹站上⼀些题的解答⽅法.具体实现⽅法纯属个⼈的⼀些解答,这些解答可能不是好的解答⽅法,记录在此,督促⾃⼰多学习多练习. The ...
COGS2421 [HZOI 2016]简单的Treap
题⾯见这⾥ ⼤概是个模板题 Treap暴⼒插⼊的做法太暴⼒了并不优美 这⾥就需要⽤到笛卡尔树的构造⽅法,定义见这⾥ 在 假的O(n) 的时间内构造⼀棵Treap 把元素从⼩到⼤排序 这样从⼩到⼤插⼊时 ...
css实现中⽂换⾏,英⽂换⾏,超出省略
英⽂换⾏时,是以单词换⾏,在对应的标签添加对应的属性即可 1 word-break:break-all;只对英⽂起作⽤,以字母作为换⾏依据 2 word-wrap:break-word; 只对英⽂起作 ...
Linux下安装jieba
Jieba代码对 Python 2/3 均兼容 * 全⾃动安装:`easy_install jieba` 或者 `pip install jieba` / `pip3 install jieba` * ...
公⽹⽤户接⼊NAT后⾯的freeswitch配置
⼤致⽹络⽰意和终端号码: 客户端侧: 终端号码(1019)终端IP(192.168.1.15)+ ⽹关(192.168.1.1) + 路由器公⽹IP(动态地址) 服务器侧:防⽕墙(181.92.2. ...
jquery插件开发三种⽅法
1.好像之前看视频记录下来的,不记得了. //类级别插件开发,主要是在jQuery中定义全局⽅法: //第⼀种写法 Func =
function(str){ alert(" ...
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论