欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html和css基础_html/css_WEB-ITnose

程序员文章站 2022-04-22 18:03:13
...
背景:

最近公司开发BS架构的项目,公司主要业务也不是做BS开发的,没有项目经理,没有美工,没有前端,界面丑的不要不要的,哈哈哈

然后咧,使用asp.net用着用着,技术老大觉得界面怎么可以这么丑,不行换一个,换了一个叫devexpress的插件,这玩意用着是好看,可是相关的资源挺少的,查国外的资料也是很麻烦,*的网挂代理也慢的不行,而且大学的时候,网页设计的知识都还给老师了,导致好多js代码看不懂,还有AJAX回调机制是什么鬼,好像叫什么异步刷新啥玩意,这个devexpress控件还是挺麻烦的,学这个东西首先要html+css+JavaScript的基础是吧,那就学呗.

现在已经差不多明白了html+css的基础内容,这里做一些总结,以备未来查阅使用.

1.展示信息的html元素

常用元素标签

1级标题

2级标题

3级标题

4级标题

5级标题
6级标题
斜体文字(一般歪果仁强调语义的字体)
粗体文字(一般中果仁强调语义的字体)

段落

简单的引用
对长文本引用,左右会有缩进的效果
没有语义,用于表示特殊的样式

没想到输入 空格 这么麻烦,23333


电子邮件,住址,签名,文档的作者身份
加入一行代码,var = "hello world";
    foreach(var item in strArray){        Console.writeLine(item);    }    
  • ul-li,无序的信息列表
  • ul-li,无序的信息列表
  1. ol-li,有序的信息列表:1
  2. ol-li,有序的信息列表:2
              
表格标题
名字 爱好
彭彭
丁满 跳舞
打开百度 对此影评有何感想,发送邮件给我 html和css基础_html/css_WEB-ITnose

2.表单(与后台交互)

表单

3.CSS样式的3种写法

CSS的3种写法

好好学习,天天开心


好好学习,天天向上

4.CSS选择器

CSS的选择器

匹配到(例1)

匹配到(例2)

类选择器词列表方法(例2)

匹配到(例3)

蓝一代(例4) 红二代(例4)

第一代(例5) 第二代(例5)

百度(例7)
分组匹配,firstDiv类(例8)
分组匹配,secondDiv类(例8)

5.

未完待续...

相关标签: html和css基础