0. html 标签

  • ul 与 li

    ul:无序列表,
    li:list item,列表元素

    <h4>一个无序列表:</h4>
    <ul><li>咖啡</li><li>茶</li><li>牛奶</li>
    </ul>
  • span:span 标签被用来组合文档中的行内元素

  • button

    <button type="button">Click Me!</button>

1. div

DIV是层叠样式表(css)中的定位技术,全称DIVision,即为划分。有时可以称其为图层。

  • class

    • ”container”
    • “page-header”
    • “sr-only”:screen reader only,(仅供)屏幕阅读器,这个 class 主要用于增强 accessbility(可访问性)
  • style 指定颜色,大小:
    • style=”color:#00FF00”(绿色)
    • style=”width: 900px; height: 500px”
  • id 与 class,id 和 class 是非常常用的标签内属性

    • id 具有唯一性,在一个网页中同一个命名只能使用一次;class 命名的类可以在一个网页中使用无数次。
    • id 在 css 代码中是以“#”井号符号开头命名的类,class 在 css 代码中是以“.”小写句号符号命名开头的类
    <div class="menu"></div>
    <div id="chart" style="width: 900px; height: 500px"></div>
    <script type="text/javascript">$(document).ready(function () {$('#char')[0]       // 通过id索引div元素})
    </script>

web 开发 —— html 与 css(div)相关推荐

  1. web开发基础(html+CSS)

    web开发基础 html+CSS 概念 万维网概念 Web浏览器 Web服务器 URL web应用领域 B/S架构(Browser/Server) C/S架构(Client/Server) web系统 ...

  2. css 所有字体大小,前端Web开发人员的CSS相对字体大小

    在本文中,我们将看几种不同的方式,前端Web开发人员可以使用CSS操作其网页的字体. 网页设计中最大的混乱之一是由font-size属性造成的. 在CSS中,可以使用多个单元,这只会导致设计人员额外头 ...

  3. 9个适合web开发人员的CSS工具

    不管你是一个多么有经验的开发人员,你都想让你的生活尽可能的简单.正确的工具可以帮助您完成此任务.你的能力取决于你使用的工具,所以花点时间挑选适合你需要的工具是明智的. 在本文中,我将讨论每个web开发 ...

  4. web前端开源框架_9个用于前端Web开发的开源CSS框架

    web前端开源框架 当大多数人想到Web开发时,通常会想到HTML或JavaScript. 他们通常会忘记对访问网站的能力有更大影响的技术: 级联样式表(CSS) . 根据Wikipedia的说法,C ...

  5. Web开发day3:CSS样式补充

    目录 1. hover 2. after 3. position 4. border 进度来源:最新Python的web开发全家桶(django+前端+数据库) 网址:最新Python的web开发全家 ...

  6. 单页web开发,学习CSS行内样式

    面试知识点 主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等. html 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 2 ...

  7. CSS捡屎记 // Web开发之精通CSS

    本文目录 圆角盒子 滑动门 山顶角 多重背景图片 圆角边框 下拉阴影 盒阴影 图片替换 明日份牛粪 本文首发于图灵教育微信 本文作者:李松峰 农谚:"种地不上粪,等于瞎胡混." 跟 ...

  8. web开发课程,CSS标准文档流与脱离文档流,已整理成文档

    前言 年前准备换工作,总结了一波面试最频繁的面试问题跟大家交流.此文章是关于浏览器的常见问题,大概面试10家遇到6家提问类似问题(主要是大厂和中厂).目前入职滴滴出行成都团队. 前端核心 1.JSON ...

  9. 精通django 3 web开发电子版_CSS捡屎记 // Web开发之精通CSS

    本文首发于图灵教育微信本文作者:李松峰 农谚:"种地不上粪,等于瞎胡混." 跟许许多多大城市里的上班族一样,我也是在农村长大的.因此,毋庸讳言,我小时候拾过粪.毕竟,那时候在农村长 ...

最新文章

  1. Ubuntu Server系列各项服务的安装和维护 Apache部分
  2. webpack打包html里的img图片
  3. [翻译] GoogleMaterialDesignIcons
  4. Python提取数字图片特征向量
  5. MATLAB使用imshow之后plot的坐标原点在左上角!
  6. 部署web应用程序到tomcat
  7. [Java反射基础四]通过反射了解集合泛型的本质
  8. SqlServer数据库的语句及一些操作整理
  9. PCL库——点云数据处理
  10. 图像处理之matlab中fspecial函数用法详解
  11. 微信公号开发实战之智能翻译
  12. Switch分支判断学习心得
  13. 安大计算机学院汤进,“CCF合肥庐州论坛——认知计算研讨会”成功举办
  14. Unity中的矩阵含义
  15. 通达oa 修改服务器端口,通达oa云服务器设置
  16. 安装vs无法连接网络
  17. 计算机组成原理_存储系统结构
  18. 论文阅读报告:Feature Selection for Multi-label Classification Using Neighborhood Preservation,Zhiling Cai
  19. UNIX常用命令(C站最全,一文通关)
  20. mongodb服务配置

热门文章

  1. CDH中配置hive支持update delete
  2. vs2019建立web工程_自动化工程师的C#之路(1)
  3. linux mysql配置修改_【Mysql】linux下mysql的配置修改
  4. Jupyter Notebooks的安装和使用介绍
  5. 三维重建:三维重建基础
  6. 毕竟这个世界互相适合的人太少了
  7. redis发布订阅者
  8. android通过WebView的evaluateJavascript()调用JS
  9. 线段树模板1(例题BZOJ1012)单点修改+区间查询
  10. Oracle定时器执行多线程