CSS杂谈

关于浏览器乱码

• 说法正确的有

1. 用不合适的编辑器编辑文件，常常会出现乱码，比如windows 记事本
2. html保存的时候需关注保存时的编码格式，保存什么格式，就设置<meta charset="xxx">其中 xxx 为保存文件时的编码格式

• 说法不正确的有

1. 只要在html 的 head 标签里设置 <meta charset="utf-8">就一定能解决乱码问题
2. 如果 html 里只有英文和数字，一般不会出现乱码，所以html 里没必要设置 charset 了

关于HTML语义化

• 说法正确的有

1. 语义化的本质是可读性，让代码适合自己阅读、适合队友阅读、适合机器阅读
2. 使用语义化标签能让代码更简洁，所以能用尽量用

• 说法不正确的有

1. 在做页面做整体布局的时候，table 标签用起来很方便可以作为布局的一种推荐方案
2. 对于 h1-h6、p、span这些标签，用 div 替换也没关系，修改它的 display 属性即可

有4个 radio，想 id1和 id2一组，id3和 id4一组，实现单选，该怎么做

<input  id="id1" type="radio"> 
<input  id="id2" type="radio"> 
<input  id="id3" type="radio"> 
<input  id="id4" type="radio"> 

• id1和 id2需要设置相同的 name， id3和 id4需要设置相同的name

关于 post 和 get 的区别

• 说法正确的有

1. get 的语义是“要”数据，post 的语义是“给”数据或者“创建”数据
2. get 把参数拼装成 url，发 get 请求实际上是浏览器请求拼接后的 url
3. get 提交的数据有最大长度限制，根本原因是浏览器地址栏对输入的 url 有最大长度限制，超过会截断
4. post 相对更“安全”一些，因为 get请求拼装的 url 会保存在浏览器历史记录，到了服务器之后一般也有保存的请求日志可以直接看到请求参数
5. 从严格的安全意义上讲，只要是 http 的请求，都不安全。https + post 才安全

• 说法错误的有

1. get提交的数据没有最大长度限制，post 提交的数据有最大长度限制(和服务端的设置有关)

关于 css 选择器

• 说法正确的有

1. header>.p 是选择标签为 header 内的class 为 p 的直接子元素
2. #header.p 是选择 id 为 header 同时它的class 为 p 的元素
3. #header, p 是选择 id 为header 的元素以及选择所有的p 标签

• 说法错误的有

1. header .p 是选择 id 为 header 的类型为 p 的所有后代

在哪个网站查看 css 属性的浏览器兼容

• http://caniuse.com

.item { width: 100%; }怎么解释

• .item 的宽度(content)等于它父亲的宽度(content)

如何去除列表元素的默认样式前面的点 ·

• list-style:none

对于如下效果，补全打码的部分

1.png

• calc(33.33% - 22px);

在 index.css 和 common.css中有如下内容，html 里引入 index.css 后发现页面字体的颜色和大小没发生任何变化，原因可能是什么？

/*index.css*/
@import "common.css"
body {
    font-size：12px
}

/*common.css*/
body {
    color: red;
}

• common.css 的文件路径可能错了，检查元素看看报错可以定位问题
• @import "url"; 后面必须有分号
• index.css里 body 的字体设置中的 :写成了：