最新文章列表

css百分比浮动法

1. css百分比浮动法 <style type="text/css"> body{ text-align: center; } #head,#container,#content,#side,#foot{ margin:20px auto 20px auto; padding: ...
css 
andrew7676 评论(0) 有681人浏览 2019-01-07 08:33

css固定宽度布局

1. css固定宽度布局    1) css布局 2) 绝对定位法 <style type="text/css"> body{ text-align: center; } #head,#container,#content,#side,#foot{ margin:20px auto 20px ...
css 
andrew7676 评论(0) 有552人浏览 2019-01-07 08:32

css列表样式

1. css列表样式 1) 设置列表的符号 list-style-type: square; <style type="text/css"> ul,ol{ list-style-type: square; } </style> </head> <body> <ul&g ...
css 
andrew7676 评论(0) 有511人浏览 2019-01-06 10:43

css超链接样式

1. css超链接样式 1) 使用css伪类别来设置超链接样式 链接的四种状态: a:link:普通的、未被访问的链接 a:visited:用户已访问的链接 a:hover:鼠标指针位于链接的上方 a:active:链接被点击的时刻 <style type="text/css"> a:LINK { color: red ...
css 
andrew7676 评论(0) 有598人浏览 2019-01-06 10:43

css表格样式

1. css表格样式 <body> <table class="t"> <caption>学生信息</caption> <thead><tr><th>序号</th><th>学号</th><th>姓名 ...
css 
andrew7676 评论(0) 有463人浏览 2019-01-06 10:43

css盒子的浮动与定位

1. css盒子的浮动与定位 1) 盒子浮动float float属性: 默认是none,按照标准流来定位; left:左悬浮; right:右悬浮; <style type="text/css"> .parent{ padding:5px; background-color: yellow; ...
css 
andrew7676 评论(0) 有531人浏览 2019-01-06 10:43

css盒模型

1. css盒模型 1) 盒模型基本概念 盒模型: 相框边框 -> border 画和相框边框的距离 -> padding 相框之间的距离 -> margin 2) 边框 border-width 边框宽度(粗细) border-color 边框颜色 border-style 边框样式 <style type="text/css& ...
css 
andrew7676 评论(0) 有412人浏览 2019-01-06 10:42

css背景颜色、图像

1. css背景颜色、图像 1) 设置背景颜色 background-color: blue; <body style="background-color: blue;"> <h1 style="background-color: red;">这是一个神奇的标题</h1> 2) 设置背景图像 ba ...
css 
andrew7676 评论(0) 有592人浏览 2019-01-04 08:48

css图像效果

1. css图像效果 1) 设置图片边框 <style type="text/css"> .i1{ border-width: 1px; border-color: red; border-style: solid; } .i2{ border: 2px red dashed; ...
css 
andrew7676 评论(0) 有421人浏览 2019-01-04 08:48

css文本样式

1. css文本样式 1) 设置文字的字体 font-family 2) 设置文字的倾斜效果 font-style: italic; 3) 设置文字的加粗效果 font-weight: bold; 4) 设置英文字母大 ...
css 
andrew7676 评论(0) 有493人浏览 2019-01-04 08:48

css复合选择器、继承、层叠

1. css复合选择器 1) "交集"选择器 <style type="text/css"> p{ font-size: 30px; } p.c{ text-decoration: underline; } .c{ color: blue;} </style> </head> &l ...
css 
andrew7676 评论(0) 有525人浏览 2019-01-04 08:47

css网页

1. css网页 1) 网页 2) 设置标题 3) 设置图片 4) 设置正文 5) 设置整体页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit ...
css 
andrew7676 评论(0) 有375人浏览 2019-01-04 08:47

css选择器、导入、优先级

1. css基本选择器 p {color: red;font-size: 20px;} 选择器 {声明(属性: 值);声明(属性: 值);} 1) css标记选择器 <p>爱编程!爱Java</p> p{color: red;font-size ...
css 
andrew7676 评论(0) 有495人浏览 2019-01-03 00:02

css简介

1. css简介 CSS 指层叠样式表(Cascading Style Sheets); 我们可以把HTML理解成身体,CSS理解成衣服; <style type="text/css"> p{ font-size: 20px; color: red; } </style>
css 
andrew7676 评论(0) 有320人浏览 2019-01-03 00:02

个推前端微服务化:突破传统SPA瓶颈

目前的前端领域,单页面应用(SPA)大行其道。而随着时间的推移以及应用功能的丰富,这些应用变得越来越庞大也越来越难以维护。于是“微前端”这一概念应运而生。   “微前端”出自2016 年的 ThoughtWorks 技术雷达,指将项目拆分成一个个可独立运行、独立开发、独立部署的前端微应用,这些微应用可以并行开发、共享组件。   而微前端的实现方式也分很多种:服务器路由重定向、组合多个独立 ...
Qiucold 评论(0) 有691人浏览 2018-12-13 14:16

浅谈css3长度单位rem,以及移动端布局技巧

rem是什么?   rem是css3中新增加的一个单位属性(font size of the root element),根据页面的根节点的字体大小进行转变的单位。root!!!!!!!!!根节 ...
青春..荒唐 评论(0) 有693人浏览 2018-12-10 15:40

web前端实战经验技术交流

民间实战web前端开发免费课堂,优秀讲师,传授实战经验,思路清晰,基础中带有干货,欢迎大家参与共同提升  老师授课实战群: 849829771  民间课堂:live.uyi2.com  讲解内容: vue从入门到实战,javascript前端基础原理, web前端实用库工具等,web前端架构设计
xiaozhimn 评论(0) 有455人浏览 2018-10-25 12:04

为什么绝对定位(absolute)的父级元素必须是相对定位

【前言】     经常看到一句话,css使absolute相对于父容器进行定位而不是以body(为什么绝对定位(absolute)的父级元素必须是相对定位(relative))     【总结】    如果父级元素是绝对定位(absolute)或者没有设置,里面的绝对定位(absolute)自动以body定位。这句话是错的。     正确的是:只要父级元素设了position并且不是s ...
青春..荒唐 评论(0) 有2457人浏览 2018-10-24 22:33

CSS 初始化样式

/* * -- 样式说明 -- * 最大优先实现法,全局能实现不用区域,区域能实现不用模板, * 模板能实现不用界面,界面能实现不用标签 * g - 全局 * t - 区域 * m - 模板 * ui - 界面 * lb - 标签 * 特殊标签 * j - 脚本 * fix - 浮窗 * is - 正则 * f - 一切浮窗 */   手机(mb)的公共样式: / ...
onestopweb 评论(0) 有906人浏览 2018-10-19 10:15

伪类和伪元素的区别

【前言】     本文简单说明下伪类和伪元素的区别。在CSS1,CSS2中,大家或多或少的用过 :hover,:visited, :before, :after。CSS1和CSS2中对伪类的伪元素的区 ...
青春..荒唐 评论(0) 有1076人浏览 2018-10-10 16:39

最近博客热门TAG

HTML(59043) JavaScript(54919) Web(54514) CSS(23971) jQuery(19234) Flash(19042) Ajax(18943) Flex(14085) EXT(14011) UI(11211) json(9986) prototype(7832) Adobe(5823) XHTML(5459) HTML5(4513) DWR(3402) GWT(3220) AIR(2592) fckeditor(1554) Dojo(1459)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics