简介目前处于学习阶段,现在虽然在Java没有什么建树,但我相信持之以恒的坚持做一件事,最终会达到自己的初期目标的。好啦,不多说,今天是Web入门的第一门,让我们一起学习前端入门之html&css吧HTML学习入门1. HTML的简介什么是HTML:HyperText Markup Language 超文本标记语言。HTML的作用:Java Web 使用Java开发网页 做网页HTML是最基础网页语言HTML的代码都是由标签所组成的2. HTML的基本格式(重点)<html><head>存放在head里面...
好的,在之前的11节课中我们从对编程语言一无所知的状态循序渐进的了解了很多知识包括html页面结构,css引入的几种方式,浮动,清除浮动,盒模型等等现在是发挥这些知识用武之地的时候了我们在上网浏览网页的时候不知道大家有没有注意过在网页的最上面会有一个导航,比如鼠标移入之后还会高亮显示那么我们今天就利用我们之前学的东西做这样一个导航首先,大家可以想象一下这个导航的大概结构是什么样子的呢?可以不可以在外面有个大...
CSS3入门之边框与背景*:first-child {margin-top: 0 !important;
}body>*:last-child {margin-bottom: 0 !important;
}/* BLOCKS
=============================================================================*/p, blockquote, ul, ol, dl, table, pre {margin: 15px 0;
}/* HEADERS
=============================================================================*/h1, h2, h3, h4, h5, h6 {margin: 20px 0 10px;padding: 0...
前面我们每天都在浏览着网络上丰富多彩的页面,那么在网页中所呈现出的绚丽多彩的内容是怎么设计出来的呢?我们想要自己设计一个页面又该如何来做呢?对于刚刚接触网页设计的小伙伴来说,看到网页背后的一堆符号和代码,是不是会感到有些凌乱。“看这里、看这里”,其实HTML并不复杂,严格意义上它并不是编程,它只是一些标记,也可以说是和浏览器的一些“约定”,就是告诉浏览器,要显示什么内容,这些内容是什么样式。好了,不废...
这一次简单介绍下CSS的背景设置和文本样式设置(这一次写的风格可能和之前有所不同,主要是之前一篇随笔包括的内容有点多,杂,所以这次单独介绍某一个知识点,简约点,所以你会发现没有Part几) 下文部分图片截至https://www.bilibili.com/video/BV1Mx411m7fd?p=48(黑字正文,绿字说明)CSS允许应用纯色作为背景,也允许使用背景图像创建相当复杂的结果一些与背景相关的属性及其描述属性描述backgroung-attachment背景图像是否固...
因为网上此类教程有很多,我就抓重点,让项目快速上手。如果是在windows系统下,就先安装ruby,官网下载地址:https://rubyinstaller.org/downloads/安装完之后,来跟着节奏燥起来。1、在命令行中:gem install sass2、这时候就可以直接进到你的项目文件中:sass --watch scss/:scss/ // 这监听scss整个文件夹,并生成新的css到scss文件夹中。(ps: 这里生成的文件夹也可以自己替换)提醒: 这里如果只想改变文件夹中某一个sc...
3. 深入了解网站开发? UI设计师 : 设计稿 web前端开发工程师(H5开发) 设计稿 -> 代码 数据库里的数据 -> 显示到页面 HTML + CSS HTML : 结构 CSS : 样式 web后端开发工程师4. web三大核心技术? HTML CSS JavaScript5. HTML基本结构和属性? HTML : 超文本 标记 语言 超文本 : 文本内容 + 非文本内容 ( 图片、视频、音频等 ) 标记 : <单词> 语言 : 编...
LESS预编译是向下兼容CSS并且为当前CSS扩展功能。LESS官网就是最好的学习资源。 这篇文章是对LESS的一个Overview,仅作为初步了解。因为官网是英文,所以我也尽量顺应它的表达避免歧义。Variablesuse variables for more comprihensible code:@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;#header {color: @light-blue;
}and the Output is:#header {color: #6c94be;
} Mixinsmixins are a way of including a bunch of pr...
HTML流氏的排版格式,从左上角流到右下角CSS指定某一块状元素在整个页面或相对的某一块的位置 CSS <div分区,里面有P定位普通流 html相对定位 <p style="position:relative;left:-20px"> 哈哈</p>(相对于这行原来的位置,不会影响第二行(可能会重叠))绝对定位<p style="position:absolute;left:-20px"> 哈哈</p>浮动定位<p style="float:left;left:-20px"> 哈哈</p> 原文:http://www.cnblogs.com/Ljj-Nancy/p/5769674.html
CSS 预编译语言概述CSS 作为一门样式语言,语法简单,易于上手,但是由于不具备常规编程语言提供的变量、函数、继承等机制,因此很容易写出大量没有逻辑、难以复用和扩展的代码,在日常开发使用中,如果没有完善的编码规范,编写的 CSS 代码会非常冗余且难以维护。为了解决上述问题,出现了很多 CSS 预编译语言,CSS 预编译语言是基于 CSS 语言的语法扩展,除了能解决上述缺乏语言特性带来的问题之外,还支持嵌套书写,减少重复输入...
例子:1.error{background-color:red;}
23.warning{background-color:yellow;}View Code 1<div ng-controller=‘HeaderController‘> 2<div ng-class=‘{error:isError,warning:isWarning}‘>{{messageText}}</div> 3<button ng-click=‘showError()‘>展示error</button> 4<button ng-click=‘showWarning()‘>展示warning</button> 5</div> 6 7function HeaderController($scope){8 $scope.isError= false;9 $scope.isWarning ...
form表单必须有数据名和值 input里的type/name/value/checkbox/radio <select name="province"> <option >北京</option> <option >天津</option> <option >京都</option> </select> <br> <button type="submit" >提交</button> <br> </form> 结构样式行为相分离css 行间样式,页面级引入,外部引入 256进制 原文:https://www.cn...
知识点: 1.在页面上对齐文本的方法 2.三种HTML列表的使用方法 3.在列表中放置列表的方法5.1 在页面上对齐文本: 父元素内子元素文本的居中:在控制父元素的text-align:center 子元素相对于父元素的居中:在控制子元素的margin:0 auto; PS:div指的是division(分组)。5.2 三种HTML列表: <ol>...<li>:有序列表,整列表有缩进,每个列表项前有数字或者字母 <ul>...<li>:无序列表,与有序列表不一样的是列...
CSS 控制 DOM 元素的视觉外观,由选择符和属性组成选择符后面跟着属性,但被一对花括号所包围,属性和值由冒号分隔,每个属性声明以分号结尾,如: 选择符{ 属性:值; 属性:值; 属性:值; }相同的属性可以赋给多个选择符,选择符之间用逗号分隔,如: 选择符 A, 选择符 B, 选择符 C{ 属性:值; 属性:值; 属性:值; }选择符有很多样式,如:类型选择符: h1 ,...
这一次简单介绍下CSS3的文本样式设置以下内容参考1、https://www.bilibili.com/video/BV1ds411r7o7 【星月教你做网站】2、https://www.bilibili.com/video/BV1Mx411m7fd 【极客学院:Web前端开发教学】 以下是文本样式设置的一些属性设置属性描述color文本颜色direction文本方向line-height行高letter-spacing字符间距text-align对齐元素中的文本text-decoration向文本添加修饰text-indent缩进元素中文本的首行text-transfor...