资讯专栏INFORMATION COLUMN

HTML使用的几个小知识点

asoren / 1263人阅读

摘要:本文主要分享几个网页前端的几个基础知识点,用于零碎的知识学习,同时也是在实践中的一些心得。俄奥斯特洛夫斯基展示幼圆人最宝贵的东西是生命。

本文主要分享几个网页前端的几个基础知识点,用于零碎的html知识学习,同时也是在实践中的一些心得。最后给出了几个小例子。

1. 网页编程初识

  1. 掌握基本的html标签以及CSS语法
  2. 学会查看网页的源代码F12
  3. 生活中多总结一些基本的美好的东西

2. 页面定制CSS代码中的选择器

  • #这是id选择器的标志
  • .这时class选择器的标志

3. div标签的用法

解释

主要是用来设置涵盖一个区块为主,所谓的区块是包含一行以上的数据,所以在
的开始之前与结束后,浏览都会自动换行,所以夹在
间的数据,自然会与其前后文隔开而自成一区快。
案例

普通内容
我字体大小为16px
我字体颜色为红色
我背景为黑色字体为白色
布局设置边框和高度

4. 样式与页面分离基本思想

设计网页时,我们将页面和样式分开写:

样式

#my_style_design{
        position: fixed; /*固定定位*/
        right: 0;
        top: 50%; /*贴着右边,垂直位置50%*/
        height: 100px;
        width: 100px; /*尺寸 100 x 100*/
        transform: translate(0, -50%); /*通过位移,保证浮动窗口的垂直居中*/
        box-shadow: 0 0 3px 1px rgba(180, 180, 180, 0.5);
        background-color: white; /*加些背景色和阴影,以便区分*/
}

网页

从上面可以看出,样式和网页是通过id="my_style_design"#my_style_design联系在一起的,也就是说网页上的

使用的样式为my_style_design

5. script标签初识

使用

6. 案例

6.1 段落

代码

人最宝贵的东西是生命。生命对每个人来讲只有一次。一个人的生命应该这样度过:当他回首往事时,不会因虚度年华而悔恨,也不会因碌碌无为而羞耻。在临死的时候,他能够说:我的整个生命和全部精力,都已献给了世界上最壮丽的事业——为人类的解放事业而斗争。
——[俄]奥斯特洛夫斯基

展示


人最宝贵的东西是生命。生命对每个人来讲只有一次。一个人的生命应该这样度过:当他回首往事时,不会因虚度年华而悔恨,也不会因碌碌无为而羞耻。在临死的时候,他能够说:我的整个生命和全部精力,都已献给了世界上最壮丽的事业——为人类的解放事业而斗争。

——[俄]奥斯特洛夫斯基

6.2 图片

代码

展示


6.3 表格

代码

内容 内容
<<填写内容>> <<填写内容>>

展示

重量 断章
她把带血的头颅,放在生命的天平上,让所有的苟活者,都失去了——重量。 你站在桥上看风景,看风景的人在楼上看你。明月装饰了你的窗子,你装饰了别人的梦。

6.4 视频

代码

展示

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

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

相关文章

  • 关于PHP数组的几个小技巧

    摘要:我们知道在中多了几个对数组使用的新特性。这里我们举两个实际的例子吧例子一仔细体会。例子二看到了吧,可以直接在循环中指定变量,然后在循环体中来使用,是不是很简单好了本文就这些内容了,欢迎继续关注。更多知识,请前往 我们知道在PHP7.1中多了几个对数组使用的新特性。 这里我们举两个实际的例子吧: 例子一: // PHP 7.1+ $options = [enabled => true, ...

    chenjiang3 评论0 收藏0
  • JavaScript 的几个小技巧

    摘要:的几个小技巧尽早将无效的用例尽早返回,避免意外和不必要的代码处理。要添加一种新的就需要再添加一个分支判断多重判断时使用或者,避免过长逻辑判断改进后一次循环两个数组 JavaScript 的几个小技巧 1. 尽早 return function transformData(rawData) { // check if no data if (!rawData) { ret...

    arashicage 评论0 收藏0
  • Pandas数据类型转换的几个小技巧

    摘要:利用的一些辅助函数进行类型转换的函数和复杂的自定函数之间有一个中间段,那就是的一些辅助函数。这些辅助函数对于某些特定数据类型的转换非常有用如。 利用Pandas进行数据分析时,确保使用正确的数据类型是非常重要的,否则可能会导致一些不可预知的错误发生。笔者使用Pandas已经有一段时间了,但是还是会在一些小问题上犯错误,追根溯源发现在对数据进行操作时某些特征列并不是Pandas所能处理的...

    luckyw 评论0 收藏0
  • Vue 实践过程中几个问题

    摘要:前言本篇是我在使用过程中,遇到的几个小问题和之前不了解的东西,记录下来,希望能够帮助各位踩坑。小结上面就是我分享的几个小问题,希望大家看了能够有所收获另明年准备去上海,如果小伙伴的公司有坑,可以联系一下我。 前言 本篇是我在使用vue过程中,遇到的几个小问题和之前不了解的东西,记录下来,希望能够帮助各位踩坑。如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家。 本文首发于我的个...

    DevTalking 评论0 收藏0
  • 三年Java后端面试经历

    摘要:前言三年后端开发经验,面的目标岗位是的高级后端开发。面试结束,应该没有后续。 前言 三年Java后端开发经验,面的目标岗位是20k-35k的高级后端Java开发。 第一场,基本裸面,关于曾经的项目部门答的不好,所以还是得好好准备。 某C轮在线旅游公司 笔试 先做半个小时的笔试题,一共六个题目,两道go语言的基础题,一道斐波那契相关,一道数据库行列转置,一道实现一个栈,还有一道是百万计...

    darry 评论0 收藏0

发表评论

0条评论

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