【HTML+CSS】

前端培训-初级阶段（1 - 4）

我们要讲什么课程体系介绍、HTML+CSS基本入门知识网站运行原理HTML常用标签、表单新类型、网页SEO优化
linong·2019-03-07 00:00

html+css实现商品简单布局

效果图：这是我今天去参加面试碰到的题目，说来惭愧，之前一直都在看js，然后突然出现这种考基础的题，我居然不知道从何下手。所以，同学们，基础很重要啊。页面结构olay点击进入123123234344456567678css*{margin:0;padding:0;}li{list-style:none;}a{text-decoration:none;}.container{margin:50pxau
huxianc·2019-03-06 15:52

2018-03-25 marquee跑马灯效果，HTML+CSS控制

文本内容样式，或者图片marquee常用属性:scrollamount:控制跑马灯速度1.direction：滚动方向(包括4个值：up、down、left、right)2.behavior：滚动方式(包括3个值：scroll、slide、alternate)说明：scroll：循环滚动，默认效果；slide：只滚动一次就停止；alternate：来回交替进行滚动。3.loop：设定滚动循环的次数
啾咪啾咪啾·2019-02-22 09:31

canvas绘图按照contain或者cover方式适配并居中显示

canvas绘图时drawImage，需要绘制的图片大小不同，比例各异，所以就需要像html+css布局那样，需要contain和cover来满足不同的需求。
芝麻糊·2019-02-18 16:04

HTML+CSS扩展内容：div盒子隐藏常用的属性display和visibility的区别

知识点：盒子的隐藏属性display和visibility1、display属性和visibility属性的相同点：display和visibility都是CSS属性，都可以控制盒子的显示和隐藏。2、display属性和visibility属性的不同点：（1）属性取值不一样：display属性的取值有：block和none。其中block取值控制元素以块状形式显示，none取值控制元素不显示，即隐
逍遥小丸子·2019-02-17 10:01

HTML+CSS第六章总结

盒子模型边框网页居中对齐的必要条件margin:0pxauto;内边距：外边距：边框
一江风雪·2019-02-13 16:51

Hybrid小程序混合开发之路 - 数据交互

HTML+CSS是历史悠久、超高自由度、控制精准、表现能力极强、编码简单、学习门槛超低、真跨平台的一种UI界面开发方式。本文介绍的是微信小程序和H5混合开发的一种数据交互方式。
高坚果兄弟·2019-01-23 07:51

Hybrid小程序混合开发之路 - 数据交互

HTML+CSS是历史悠久、超高自由度、控制精准、表现能力极强、编码简单、学习门槛超低、真跨平台的一种UI界面开发方式。本文介绍的是微信小程序和H5混合开发的一种数据交互方式。
xiangyuecn·2019-01-23 07:00

前端

前端页面布局前端页面布局——三栏布局-magi的博客-CSDN博客页面高度，位置简述前端页面内的高度、位置简述-仿慕课网的案例仿慕课网教程html+css页面--前段时间学习总结（1）-fly-time
apllee·2019-01-17 20:11

新手Web前端--我的学习成长的已经、须经、必经之路

现在入公司快两个月的时间了，目前做的是小程序的开发，本人因为技术有限，只能完成html+css的布局，js部分还很薄弱，经过公司大牛指点，给自己定了一个学习的目标和计划，也夹杂着自己的想法，在这里分享给和我一样
KLbluegreen·2019-01-16 09:47

前端开发系列（十五）网页布局教程（1）

一、用HTML+CSS实现最简单的网页布局效果：一列布局代码示例：一列布局body{margin:0;padding:0;font-size:30px}div{text-align:center;font-weight
小刺猬喜歡獨角獸·2019-01-15 20:28

html+css面试题 行内元素padding和margin

看到一个面试题关于行内元素span的*{padding:0;margin:0;}span{padding:100px;border:1pxsolidred;}12我当时就笑了还有这种题？送分的？我想的结果：实际结果：我擦！啪啪啪打脸！为什么padding-top被无视了？提出这个疑问后我又被打脸了！*{padding:0;margin:0;}span{padding:100px;border:1p
我是一个前端·2019-01-04 00:00

2019-1-3-PHP+mysql+phpmyadmin构建我的动态网站

最近一个星期都在为实验室网站的bug烦心，于是自己想学着建一个动态网站；首先学习了一下PHP基础知识，加上之前在github上学到的一些html+CSS勉强撑着学了首先把环境给搭建了，在自己的服务器上下载了
L_ed1b·2019-01-03 16:53

前端知识html+css小练习

完成效果5.png代码近期开班*{margin:0px;padding:0px;}.heard{height:17px;width:280px;background:#f5f5f5;border-top-color:#019e8b;border-top-width:2px;border-top-style:solid;padding:10.5px}#kaiban{font-size:17px;fl
Pickupthesmokes·2018-12-30 01:29

HTML+CSS项目实践八：同一个HTML页面，在不同电脑上的显示效果不一样！解决HTML页面针对不同分辨率的问题

表象问题：同一个HTML页面，在不同电脑上的显示效果不一样。（样式错位等）举例说明：当电脑分辨率不同时，第二张图片的样式无法完全展示。问题分析：由于电脑屏幕分辨率不同，像素密度不同，视觉上会有差异，甚至差异很大。参考资料：百度流量统计院分辨率使用情况：http://tongji.baidu.com/data/screen解决方案一：设定固定宽度通过设置固定宽度，都精确到px，整体居中，然后两边留白
逍遥小丸子·2018-12-29 17:10

HTML+CSS项目实践七：同一个HTML页面，在不同浏览器上的显示效果不一样！解决HTML页面的浏览器兼容问题

表象问题：同一个HTML页面，在不同浏览器上的显示效果不一样。问题分析：由于浏览器的内核不一样，每个浏览器对标签的解释都有自己的规则，因而会造成显示效果不一样，称之为浏览器不兼容。对浏览器兼容问题，一般分，HTML，Javascript兼容，CSS兼容。其中html相关问题比较容易处理，无非是高版本浏览器用了低版本浏览器无法识别的元素，导致其不能解析，所以平时注意一点就是。1、浏览器了解现在国内常
逍遥小丸子·2018-12-29 11:36

HTML+CSS项目实践四：给html网页标题栏添加logo图标（ico格式图片）

实现效果：制作思路：1、准备一张ico格式图片2、在标签里使用标签，引用icon图片实现代码：在网页标题栏添加logo图标的方法在网页标题栏添加logo图标的方法:准备一张icon图片在head标签里使用link标签，引用icon图片注意事项：1、ico格式图片的像素大小为16*16px2、应用ico图片时，注意图片路径要正确3、制作ico图片的方法：可以在线制作，也可以使用ps制作，或者把网上下
逍遥小丸子·2018-12-26 09:38

前端完整学习路线

第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript
pycmsj·2018-12-25 21:00

HTML+CSS项目课3：利用DIV+CSS制作网页（世赛服装网）

用到的知识点：1、DIV+CSS布局2、相对定位、绝对定位3、CSS精灵的使用（共用背景图像，然后定位xy数值）4、浮动塌陷的清除（在父级div添加一对空的div，并对其clear:both）网页效果图：HTML代码：NAUTICASign-in/RegisterCustomerServiceTrackOrderMyAccountMyShoppingBag:0Items($0.00)MenWome
逍遥小丸子·2018-12-24 09:12

仿京东首页（静态html+css）

京东首页的头部和尾部代码html代码：京东(JD.COM)-综合网购首选-正品低价、品质保证、配送及时、轻松购物！北京你好，请登录免费注册我的订单我的京东京东会员企业采购客户服务网站导航手机京东我的购物车0阿胶滋补节玩所未玩圣诞礼物每100-30养殖取暖圣诞狂欢OPPO满千减百秒杀优惠券PLUS会员闪购拍卖京东时尚京东超市京东生鲜海囤全球京东金融品类齐全，轻松购物多仓直发，急速配送正
CrazyQiQi·2018-12-23 17:48

web 学习+静态网页设计

前端学习的基础技能需要掌握HTMl+CSS的基础内容。学习内容：基础标签div，span，p，ul，li，input等。CSS：语法、派生选择器、id选择器、类选择器、属性选择器。C
hjGamma·2018-12-17 20:59

HTML+CSS第十课：常见的3种网页布局方式：表格布局、DIV+CSS布局、框架布局

知识点：网页布局的方式1、网页布局常见的页面布局方式：表格布局、DIV+CSS布局、框架布局。表格布局：用来显示较多的数据，如OA系统、ERP系统或CRM系统。（一般用在局部）DIV+CSS布局：相对来说最灵活的布局方式，完全实现内容和样式的分离。框架布局：通常用在网站后台的设计。2、DIV+CSS布局2.1使用DIV+CSS制作网页流程第一步：将页面在整体上用标签进行划分。第二步：使用CSS对个
逍遥小丸子·2018-12-17 08:53

大数据学习内容有哪些？大数据学习路线图

总的来说，如果是从零基础开始学习，总共分为八个阶段第一阶段：HTML+css第二阶段：JAVASE学习第三阶段：javaweb第四阶段：企业级开发框架（JAVAEE）学完了java部门，就要开始大数据的技术学习部分第五阶段
juan188·2018-12-16 20:44

html+css学习笔记005-font属性0text属性

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终像我这样的人最近总是单曲循环的播放着这首《像我这样的人》听很久都不会觉得腻或许这首歌最大的魅力就是共鸣“像我这样迷茫的人像我这样寻找的人像我这样碌碌无为的人像我这样孤单的人像我这样傻的人像我这样不甘平凡的人世界上有多少人”前端59期学员作业/*内部样式表*/font:10px/20px'Microso
Mr柳上原·2018-12-10 11:28

HTML+CSS第九课：使用CSS布局网页——盒子的定位、浮动和浮动塌陷及解决办法

知识点：理解标准文档流、盒子的定位属性、盒子的浮动属性、浮动塌陷以及清除塌陷的方法。1、盒子的定位默认情况下，盒子的排列是根据其在文档中出现的顺序，从上到下、从左到右的顺序来进行的，这种定位方式又被成为标准文档流。由于标准文档流提供的网页布局方式缺少变化，CSS中提供了更多的方式来定位元素。例如使用浮动的方式来定位，使元素脱离标准文档流的限制，使布局有更多的选择。定位的基本思想很简单，它允许你定义
逍遥小丸子·2018-12-08 17:47

HTML+CSS基础案例（学成网）

自己跟着视频做了第一个静态网页案例：HTML代码：学成网首页课程职业规划个人中心HanLq前端开发>后端开发>移动开发>人工智能>商业预测>云计算&大数据>运维&测试>UI设计>产品>我的课程表继续学习程序语言设计正在学习-使用对象继续学习程序语言设计正在学习-使用对象继续学习程序语言设计正在学习-使用对象全部课程精品推荐JQuerySparkMySQLJavaWebMySQLJavaWeb修改兴
CrazyQiQi·2018-12-07 23:41

HTML+CSS第八课2：利用DIV+CSS制作一个百度搜索框和按钮的无缝对接

知识点：盒子模型、CSS样式设置、form表单。网页效果要求：制作思路：1、将百度logo+搜索框+按钮，作为整体放在一个div盒子里，通过设置div来控制他们在网页中的位置2、涉及到表单，所以写一个form标签，将他们放在form标签中3、搜索功能的实现，参考资料：利用表单标签制作一个百度搜索框4、搜索框和按钮的样式，设置css属性，控制宽高、边框、背景颜色、文本颜色等5、搜索框和按钮要无缝对接
逍遥小丸子·2018-11-29 09:17

html+css 实现简易导航栏功能

二话不说直接上代码（萌新：实在也没什么好说的）导航栏#nav{width:100%;height:39px;margin:0px;background:#808080}#navulli{margin:5px10px;float:left;list-style:none;}#navullia{float:left;padding:0px16px;color:#ffffff;font-size:15p
佚名·2018-11-29 08:41

html+css手机端自动适应

原文链接：http://www.cnblogs.com/Iven-zhang/p/10011403.html在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度其中：width=device-width：表示宽度是设备屏幕的宽度height=device-height：表示宽度是设备屏幕的宽度initial-scale=1.0：表示初始的缩放比例(初始规模为1.0倍，即原始大小)min
dengchi5635·2018-11-24 11:00

HTML+CSS 仿写淘宝商城分类导航

效果图学会淘宝商城的分类导航以后，会发现大多数的电商网站都是这样的效果，在做其他网站时具体分析即可。首先我们要构思整个大框架的结构：左边是全部商品分类，在这个分类中主要是用了导航列表(ulli)，然后在每一个li里面都包含一个默认不显示的的大div(利用了绝对定位，把这个div分成左边小分类列表,右边图片广告) 这个分类导航其实比较简单，在我看来要重点理解相对定位，绝对定位，盒子模型，包括marg
We_jia·2018-11-21 00:00

HTML+CSS基础知识个人笔记_1

HTML+CSS基础知识个人笔记_1HTML表格表格的创建合并单元格HTMLinput控件HTML表格表格的创建表格创建方式，table>cap+tr>td或者table>tr>th，th为表头，caption
ckx_cxy·2018-11-19 10:11

Web概念介绍and Tomcat 介绍

1，web简介：[1]web:指一个网站www.qq.comwww.baidu.com[2]web分类：静态网站html+css开发里面的内容是写死。
Cricket_小帅·2018-11-15 09:34

CSS 布局经典问题大全

CSS基础知识下面几个入门教程不错：HTML+CSS基础课程：偏基础，可以在线练习和预览MDN–CSS入门教程:MDN的官方文档学习CSS布局：排版和配色特别舒服，简短但不深入，适合概览入门CSS定位问题主要就是经典的绝对定位
weixin_34272308·2018-11-14 06:17

用js中的eval()函数实现一个简单的计算器

0.样式预览html+css部分1.思路介绍先在html中结合css样式画出一个计算器，然后给每个按钮添加onclick事件，计算由eval()实现。
拾实·2018-11-06 19:24

HTML+CSS第四课2：利用表单标签制作一个百度搜索框

知识点：表单标签、标签的使用。问题描述：在html中制作一个百度搜索框，要求，在搜索框里输入关键词后，点击搜索，能够跳转到百度搜索结果页面。代码结果演示：关键代码：代码分析：placeholder属性是HTML5中的新属性。语法：placeholder属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。该提示会在用户输入值之前显示在输入字段中。注意：placeho
逍遥小丸子·2018-11-06 08:28

html+css基础知识整理

/盒模型：1:所有标签皆为盒子；2：盒模型渲染在浏览器区域的计算：++++++++padding一定会改变盒子在浏览器中渲染区域的大小；⁃padding的颜色和盒子设置的背景色相同；//1：margin：盒子设置margin之后，代表盒子的margin值的范围内不允许再有其他盒子出现；当盒子是嵌套关系时：子级的margin-top会传递给父级。导致父级随着子级一起向下移动。//*背景图的位置：ba
少年锦时qzy·2018-11-03 10:25

【HTML+CSS】web前端工程师

web前端开发工程师1、web前端开发工程师是做什么的？与网站打交道2、成为一名web前端开发工程师具备的条件1、兴趣2、敲代码3、web前端开发工程师需要学习什么1、软件（代码的铺助工具）浏览器：浏览器有非常多，（谷歌chrome、火狐、IE）浏览器调试工具编辑器：写代码的工具，hBullder、sublime、dreamwever下载hBullder的地址为：http://www.dcloud
美丽的说说·2018-10-31 21:17

前端小白的学习笔记（一）

HTML+CSS：也就是网站的骨架的样子，包括你看到的web的界面、文字、图片都是一个HTML元素，至于字号
明_7f74·2018-10-25 12:29

我的html+css之路（初级篇）

HTML（HyperTextMarkupLanguage）：超文本标记语言，用于创建网页的标准标记语言；html结构包括“头”部分（head）、和“主体”部分（body），head提供网页信息，body展示网页具体内容。CSS（CascadingStyleSheets）：层叠样式表，用来表现html或xhtml的一种计算机语言，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素
Daisy_jf·2018-10-21 23:13

HTML+CSS前期应达到的程度

HTML+CSS纯干货就业前基础到精通系统学习2016/9/31：HTML纯干货学习后的达到的效果（1）：会使用HTML的基本结构，创建网页（2）：会使用文本字体相关标签，实现文字修饰和布局（3）：会使用图像
戏精上身·2018-10-20 23:48

HTML+CSS第二课：格式标签、图像标签、链接标签的使用

知识点：格式标签、图像标签、链接标签的使用一、格式标签格式标签用来对文本的段落进行设置，常用有,,,,等。使用这些标签，可以让网页显示效果看起来更接近于传统的阅读习惯。P标签：段落标签，是常用的标签之一，在显示时，段落标签中的内容将显示为一个独立的段落，阅读时更清晰。语法：元素内容center标签：将center标签内的所有元素水平居中显示。语法：元素内容列表标签：列表(List)，就是在网页中将
逍遥小丸子·2018-10-19 16:50

html+css实现鼠标移过，底部添加阴影

效果如下：只要你给外层盒子添加这个样式就好了.t-hover-shadow：.t-hover-shadow{transition:transform.3sease-in-out,box-shadow.3scubic-bezier(.47,0,.745,.715),border.3slinear.1s;}.t-hover-shadow:hover{box-shadow:010px50pxrgba(5
Ariel_ckr·2018-10-18 17:45

仿第一财经导航栏HTML+CSS简单示例

navigationbarnav{background-color:#fff;text-align:left;height:45px;/*border:2pxsolidgrey;*/}img{vertical-align:middle;padding-left:30px;padding-right:50px;}a{text-decoration:none;color:black;font-fami
Cenmen_17714·2018-10-15 10:23

【HTML+CSS】ul中li水平居中，可以根据media查询，不同个数的li水平居中

通过计算给ul设置宽度width，来控制页面每行显示几个li，且li水平居中显示的，具体的间距通过li的margin来设置：￥199WIS玻尿酸极润面膜24片补水保湿提亮肤色收缩毛孔正品学生男女士￥199WIS玻尿酸极润面膜24片补水保湿提亮肤色收缩毛孔正品学生男女士注：图片格式为240*240，span和div文字为图片详情描述，在图片下面显示；.fdProduct-layout-content
王小傻、QAQ·2018-10-11 17:30

（转）CSS经典布局解析

CSS基础知识:下面几个入门教程不错：幕课网–HTML+CSS基础课程：偏基础，可以在线练习和预览MDN–CSS入门教程:MDN的官方文档学习CSS布局：排版和配色特别舒服，简短但不深入，适合概览入门CSS
70kggg·2018-10-09 00:28

HTML基础笔记

了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签typora-copy-images-to:media前端基础html
Jankin Yu 的笔记·2018-10-02 15:00

表单美化+html+css

参考博客：http://www.laozuo.org/3495.html美化结果：美化代码：无标题文档.elegant-aero{margin-left:auto;margin-right:auto;max-width:500px;background:#D2E9FF;padding:20px20px20px20px;font:12pxArial,Helvetica,sans-serif;colo
ljyanjy·2018-09-27 19:01

知乎live04 前端工程师如何不断提升自我

Photoshop→Html+CSS→jQuery→JavaScript→各种框架→后端语言→模块化知识→面向对象编
多拉斯基·2018-09-20 08:44

html+CSS之文档样式（一）

今天学习了样式方面的知识，于是写一下自己的心得，和大家分享一下~~文档样式：以出现在文档内。如：规则表每一条规则分两部分：选择器、一组属性与值。如：selector{属性1:值1;属性2:值2;...;}标签选择器顾名思义，就是可以通过标签来设计其样式，也就是作用于整个文档的制定标签。适用于设计同一标签且样式一样的。无标题文档h1{color:red;font-size:36px;}h2,p{/*
IT_ms·2018-09-17 23:16

微信小程序开发（一） 目录结构、基本配置

现在出去找工作只会PHP、HTML+CSS、JS什么的不够了，总得会点时下热门的东西，例如微信小程序，有很多企业的招聘要求上写着：“做过微信小程序的优先”、“只要做过微信小程序的”......可见微信小程序的热门程度
李维山·2018-09-17 14:08
上一页 48 49 50 51 52 53 54 55 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他