背景:
最近公司开发BS架构项目,公司主营业务不是BS开发。没有项目经理,没有美工,没有前端,也不需要难看的界面,哈哈哈。
然后在用ASP.NET的时候,技术老板觉得界面可以这么丑,就改成了一个叫devexpress的插件。这个东西用起来很美,但是相关资源相当少,查外文资料也很麻烦。新疆的线上代理也慢,而且大学的时候网页设计的知识还给老师,导致很多js代码看不懂。还有AJAX回调机制的幽灵,好像叫异步刷新。这个devexpress控件还是很麻烦的。学习这个东西,首先要学习html+css+JavaScript的基础知识吧?那就去学吧。
现在我已经差不多理解html+css的基本内容了。这里有一个总结,供以后参考。
1.显示信息的html元素
常用的元素标签/*CSS样式一般都写在这里,就是CSS comment */body { color:red;}一级标题
二级标题
三级标题
四级标题
5级标题 6级标题 斜体文字(一般歪果仁强调语义的字体)粗体文字(一般中果仁强调语义的字体)
段落
简单的引用 对长文本引用,左右会有缩进的效果 没有语义,用于表示特殊的样式没想到进空格这么麻烦,23333
电子邮件,住址,签名,文档的作者身份 加入一行代码,var = "hello world"; foreach(var item in strArray){ Console.writeLine(item); }
业余爱好 | 鹏鹏吃 | 丁曼跳舞 |
---|
2.表单(与背景交互)
表单用户名:密码:在文本字段中输入内容,并在此处输入内容...阅读、旅行、购物、阅读、旅行、购物
3.三种写作方法。CSS样式
写CSS p的三种方法{ font-size:20px;/*设置字号*/}好好学习,天天开心。
好好学习,天天向上
4.CSS选择器CSS的选择器/* CSS的选择器一般使用以下格式选择器{ Attribute 1:Value;属性二:价值;} */*例1,匹配元素*/p { font-size:20px;/*设置文本的字体大小*/}/*例2,类选择器,将元素与“apple 1”*/. apple 1 { color:red;/*设置文本颜色*/} . apple 2 { font-size:50px;}/*例3,id选择器,匹配ID为“potato”*/# potato的元素{ font-size:15px;}/*例4,子选择器,带>符号,第一代后生效,第二代后不生效*/span { color:red;/*给span一个默认样式*/}。span { color:blue;/*蓝色风格*/}/*只存在于一级的第一代跨度。示例5包含一个选择器,并使用空网格符号匹配“second”类*/下的所有“span”元素。second span { border:1px solidred;/*添加边框样式(1px粗细红色实线)*/}/*例6,通用选择器,匹配html中所有标签元素*/* { color:green;/* Green */}/*例7,伪类选择器,用:symbol,比如超链接鼠标经过时改变css样式*/a:hover { color:pink;字体大小:30px}/*例8,分组选择器,用逗号,匹配”。firstDiv "类," secondDiv "元素*/。firstdiv,。seconddiv {颜色:紫色;}匹配到(示例1)
匹配到(示例2)
类选择器词列表方法(例2)匹配(示例3)
蓝色代(实施例4)红色代(实施例4)
第一代(例5)和第二代(例5)
百度(例7)待续...