资讯专栏INFORMATION COLUMN

HTML/CSS笔记01

Lin_YT / 986人阅读

摘要:参数拼接在浏览器的地址栏请求报文格式参数放到请求报文请求体中进行传递表单元素单行文本框密码框单选按钮复选按钮附件提交按钮拓展搜索框,日期框,数字框,框的属性参数的不能缺省参数的按钮的时候不能缺省提示语用在单选按钮和复选按钮中表示默认选中

get 参数拼接在浏览器的地址栏 url?k=v&k=v

</>复制代码

  1. 请求报文格式:
  2. GET /sms/register.action?name=terry&password=123
  3. Content-size:12
  4. user-agent:mac safari
  5. post 参数放到请求报文请求体中进行传递

表单元素

</>复制代码

  1. 1. input
  2. 单行文本框
  3. 密码框
  4. 单选按钮
  5. 复选按钮
  6. 附件
  7. 提交按钮
  8. h5拓展:搜索框,日期框,数字框,email框...
  9. input的属性
  10. type
  11. name 参数的key(不能缺省)
  12. value 参数的value(按钮的时候不能缺省)
  13. placeholder 提示语
  14. checked 用在单选按钮和复选按钮中表示默认选中
  15. selected 用在下拉菜单中表示默认选中
  16. 【注意】:checked和selected可以为单值属性
  17. 2. select
  18. 下拉菜单
  19. select中的子元素一定为option,option中一般要添加value表示当选中该元素的时候,select的参数值为该value值,option中的value值可以不设置,那么value默认为文本值
  20. 3. textarea
  21. 多行文本域
  22. 4. 插件(日期选择,地址选择,富文本)

css

介绍
用于修饰HTML结构的,层叠样式表

成叠

</>复制代码

  1. 多个样式修饰一个结构
  2. 子元素从父元素那里继承样式
  3. 优先级

样式表

</>复制代码

  1. 相关样式在一起定义(封装)

语法
1) 如何在html中应用css

</>复制代码

  1. 1. 定义style属性中
  2. 缺点:样式与结构冗余
  3. 优点:优先级较高
  4. 2. 定义在head标签中的style标签中
  5. 缺点:样式的复用率较低
  6. 优点:样式与结构分离
  7. 3. 将样式定义在css文件中
  8. 优点:样式的复用率高(框架:例如bs),样式与结构分离
  9. style.css
  10. div {
  11. color:#fff;
  12. background:#333
  13. }
  14. b.html

</>复制代码

  1. 2) 规则
  2. style属性:
  3. 属性名:属性值;属性名:属性值;
  4. style标签/.css
  5. 选择器 {
  6. 属性值:属性值;
  7. 属性名:属性值;
  8. }
  9. 3) 注释
  10. /*注释内容*/
  11. 4) 选择器
  12. 1. 核心选择器
  13. 标签选择器
  14. h2 { }
  15. div {规则 }
  16. id选择器
  17. #two {}
  18. 类选择器
  19. .second{}
  20. 逗号选择器
  21. h1,h2,h3 {}
  22. 组合选择器
  23. div#two {}
  24. 选择id为div的元素
  25. div,#two {}
  26. 选择div元素和id为two的元素
  27. 普遍选择器
  28. *
  29. 2. 层次选择器
  30. 子元素选择器
  31. .header > a
  32. 选中classheader的元素的直接孩子元素a标签
  33. 后代元素选择器
  34. .header a
  35. 选中classheader的元素的后代元素a标签
  36. 3. 属性选择器
  37. 4. 伪类选择器
  38. 5. 伪元素选择器

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116146.html

相关文章

  • HTML/CSS笔记01

    摘要:参数拼接在浏览器的地址栏请求报文格式参数放到请求报文请求体中进行传递表单元素单行文本框密码框单选按钮复选按钮附件提交按钮拓展搜索框,日期框,数字框,框的属性参数的不能缺省参数的按钮的时候不能缺省提示语用在单选按钮和复选按钮中表示默认选中 get 参数拼接在浏览器的地址栏 url?k=v&k=v 请求报文格式: ...

    KunMinX 评论0 收藏0
  • 01 【零基础入门】html学习笔记(1)

    摘要:公司就是中文网页,极度的追求网页的显示速度,要使用。,与类似,用于将相关的内联元素和文本归组在一起。用途区别块元素通常用在页面中的主要构建模块,而内联元素则用来标记小段内容。 之前学习了前端的一些基础知识,现在想深入地、精通地学习前端,往前端和全栈工程师方向发展。 之前学习前端主要是通过看视频,结合动手练习。现在认为看书+视频+实践,应该是最高效的学习方法。对于html、css,我主要...

    xeblog 评论0 收藏0
  • 新闻爬虫倒腾笔记

    摘要:新闻爬虫在列表页获取列表和时间材料,开发人员工具,插件,,安装包使用开发人员工具分析网站右键或打开,刷新载入打开页签,点选第二排的小漏斗,点入页面,因为新闻都有被检索到的需要,所以一般情况下都可以在第一个文档中找到需要的信息。 新闻爬虫1.0 在列表页获取列表和时间 材料:Pycharm,Chrome开发人员工具,infoLite插件,bs4,request 安装包 pip insta...

    April 评论0 收藏0
  • 前端笔记

    摘要:一严格模式与混杂模式如何触发这两种模式,区分它们有何意义声明位于文档中的最前面的位置,处于标签之前。包含过渡和的也导致页面以标准模式呈现,但是有过渡而没有会导致页面以混杂模式呈现。不存在或形式不正确会导致和文档以混杂模式呈现。 一:HTML+css 1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype声明位于文档中的最前面的位置,处于标签...

    未东兴 评论0 收藏0
  • 前端笔记

    摘要:一严格模式与混杂模式如何触发这两种模式,区分它们有何意义声明位于文档中的最前面的位置,处于标签之前。包含过渡和的也导致页面以标准模式呈现,但是有过渡而没有会导致页面以混杂模式呈现。不存在或形式不正确会导致和文档以混杂模式呈现。 一:HTML+css 1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? Doctype声明位于文档中的最前面的位置,处于标签...

    binta 评论0 收藏0

发表评论

0条评论

Lin_YT

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<