CSS基础 --2018/08/13
2018-08-13 本文已影响13人
Klart
CSS全称
Cascading Style Sheets 层叠样式表
CSS有几种引入方式？link和@import有什么区别？
- 内联样式：直接在标签上写样式
- 内部样式：添加style 写样式
- 外部样式：用link标签引入样式
以下这几种文件路径分别用在什么地方，代表什么意思?
- css/a.css选择该文件夹下a.css文件
- /css/a.css当前目录下css目录下的文件
- b.css：当前目录下的文件
- ../imgs/a.png：相对路径
- /Users/hunger/project/css/a.css：绝对路径
- /static/css/a.css：以绝对路径的方式在服务器上寻找a.css文件，即在服务器上直接通过该路径寻找相关文件
- http://cdn.jirengu.com/kejian1/8-1.png：网络路径
如果我想在js.jirengu.com上展示一个图片，需要怎么操作?
- 把图片上传图床得到网络路径；即可显示
列出5条以上html和 css 的书写规范
HTML常用规范(强制)
- 使用4个空格作为一个缩进层次，不允许使用2个空格或tab字符
- class必须单词全字母小写，单词间以 - 分隔
- 对于无需自闭合的标签，不允许自闭合，例如：input、br、img等
- 对于HTML5中规定允许省略的闭合标签，不允许省略闭合标签
- 使用 HTML5的doctype 来启动标准模式，建议使用大写的DOCTYPE
* 页面必须使用精简形式，明确指定字符编码。指定字符编码的 meta 必须是 head 的第一个直接子元素。
* 引入 CSS 时必须指明 rel="stylesheet"。
* 页面必须包含 title 标签声明标题。title 必须作为 head 的直接子元素，并紧随 charset 声明之后。
* 有文本标题的控件必须使用 label 标签将其与其标题相关联。`<label><input type="checkbox" name="confirm" value="on"> 我已确认上述条款</label>`
* 使用 button 元素时必须指明 type 属性值。
* 其他建议规范:[HTML编码规范21](https://github.com/fex-team/styleguide/blob/master/html.md)
CSS常用规范(强制)：
- 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。
- 选择器 与 { 之间必须包含空格。
- 属性名 与之后的 : 之间不允许包含空格， : 与 属性值 之间必须包含空格。
- 列表型属性值 书写在单行时，, 后必须跟一个空格。font-family: Arial, sans-serif;
- 每行不得超过 120 个字符，除非单行不可分割。
- 当一个 rule 包含多个 selector 时，每个选择器声明必须独占一行。
截图介绍 chrome 开发者工具的功能区
image.png
