web 开发 —— html 与 css(div)
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)相关推荐
- web开发基础(html+CSS)
web开发基础 html+CSS 概念 万维网概念 Web浏览器 Web服务器 URL web应用领域 B/S架构(Browser/Server) C/S架构(Client/Server) web系统 ...
- css 所有字体大小,前端Web开发人员的CSS相对字体大小
在本文中,我们将看几种不同的方式,前端Web开发人员可以使用CSS操作其网页的字体. 网页设计中最大的混乱之一是由font-size属性造成的. 在CSS中,可以使用多个单元,这只会导致设计人员额外头 ...
- 9个适合web开发人员的CSS工具
不管你是一个多么有经验的开发人员,你都想让你的生活尽可能的简单.正确的工具可以帮助您完成此任务.你的能力取决于你使用的工具,所以花点时间挑选适合你需要的工具是明智的. 在本文中,我将讨论每个web开发 ...
- web前端开源框架_9个用于前端Web开发的开源CSS框架
web前端开源框架 当大多数人想到Web开发时,通常会想到HTML或JavaScript. 他们通常会忘记对访问网站的能力有更大影响的技术: 级联样式表(CSS) . 根据Wikipedia的说法,C ...
- Web开发day3:CSS样式补充
目录 1. hover 2. after 3. position 4. border 进度来源:最新Python的web开发全家桶(django+前端+数据库) 网址:最新Python的web开发全家 ...
- 单页web开发,学习CSS行内样式
面试知识点 主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等. html 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 2 ...
- CSS捡屎记 // Web开发之精通CSS
本文目录 圆角盒子 滑动门 山顶角 多重背景图片 圆角边框 下拉阴影 盒阴影 图片替换 明日份牛粪 本文首发于图灵教育微信 本文作者:李松峰 农谚:"种地不上粪,等于瞎胡混." 跟 ...
- web开发课程,CSS标准文档流与脱离文档流,已整理成文档
前言 年前准备换工作,总结了一波面试最频繁的面试问题跟大家交流.此文章是关于浏览器的常见问题,大概面试10家遇到6家提问类似问题(主要是大厂和中厂).目前入职滴滴出行成都团队. 前端核心 1.JSON ...
- 精通django 3 web开发电子版_CSS捡屎记 // Web开发之精通CSS
本文首发于图灵教育微信本文作者:李松峰 农谚:"种地不上粪,等于瞎胡混." 跟许许多多大城市里的上班族一样,我也是在农村长大的.因此,毋庸讳言,我小时候拾过粪.毕竟,那时候在农村长 ...
最新文章
- Ubuntu Server系列各项服务的安装和维护 Apache部分
- webpack打包html里的img图片
- [翻译] GoogleMaterialDesignIcons
- Python提取数字图片特征向量
- MATLAB使用imshow之后plot的坐标原点在左上角!
- 部署web应用程序到tomcat
- [Java反射基础四]通过反射了解集合泛型的本质
- SqlServer数据库的语句及一些操作整理
- PCL库——点云数据处理
- 图像处理之matlab中fspecial函数用法详解
- 微信公号开发实战之智能翻译
- Switch分支判断学习心得
- 安大计算机学院汤进,“CCF合肥庐州论坛——认知计算研讨会”成功举办
- Unity中的矩阵含义
- 通达oa 修改服务器端口,通达oa云服务器设置
- 安装vs无法连接网络
- 计算机组成原理_存储系统结构
- 论文阅读报告:Feature Selection for Multi-label Classification Using Neighborhood Preservation,Zhiling Cai
- UNIX常用命令(C站最全,一文通关)
- mongodb服务配置