css
志若鸿鹄,尺步寸微
我本似凉薄之人,何以温暖他人
展开
-
前端css基础篇(二)css样式与盒模型
一、css 字体样式属性①font-size:字号大小font-size属性属于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,其中相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少,②font-family:字体font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用p{...原创 2019-01-04 00:52:22 · 263 阅读 · 0 评论 -
前端 HTML+CSS实战篇(云道首页)
因为代码稍微有一丢丢多,所以源代码以及网页中所需图片文件已经放入百度网盘中地址链接:https://pan.baidu.com/s/1PdrZS8UMz1CS7t1KVA4Efw提取码:ze82效果图因为一次只能截一整屏高度,所以一个网页分了好几部分截图...原创 2019-01-10 04:07:48 · 4270 阅读 · 2 评论 -
三栏布局的五种办法(双飞翼布局,圣杯布局,flex弹性盒子布局等)
面试题目:假设高度一定,请写出三栏布局,左右宽度300px,中间宽度自适应,中间栏要放在文档流前面优先渲染;先说一下我的想法,三栏布局,三栏就是三个栏目板块放在一行,最开始我看见的是左右定宽,中间自适应,最先想到的是是外面放一个大div,让他们直接inline-block,一个左浮动一个右浮动,中间100%宽度,这显然是一个贼蠢又错误的想法,这道题核心是中间栏放在文档流前面优先渲染, 所以遵循浏...原创 2019-01-09 02:49:06 · 834 阅读 · 0 评论 -
css常用属性整理
1. 清除浮动.clear:after{ display:block; content:""; clear:both;/**清除浮动--兼容高版本浏览器**/}.clear{ *zoom:1;/**兼容低版本浏览器**/}2.取消字体加粗 font-weight: normal;/*取消加粗*/3.border圆角 border-radius...原创 2019-01-13 22:09:14 · 221 阅读 · 0 评论 -
前端css布局篇(一)普通布局
版心和布局流程“版心”(可视区)是指网页中主体内容所在的区域。一般在浏览器窗口水平居中显示。常见的宽度为:960px ,980px,1000px,1200px等;布局流程为了提高网页制作效率,布局时通常需要遵守一定布局流程:确定页面的版心(可视区)分析页面中的行模块,以及每个行模块中的列模块。制作HTML结构CSS初始化,然后开始运用盒子模型的原理,通过DIV+CSS布局来控制网页...原创 2019-01-08 01:20:33 · 300 阅读 · 0 评论 -
前端css基础篇(一)css入门与标签选择器
css的发展历史从HTML被发明开始,样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果控制,最初只提供很少的显示属性。随着HTML成长,为了满足页面设计者的要求, 添加了很多显示功能,使HTML变得杂乱,页面臃肿,于是就出现了css。css初识css(Cascading Style Sheets) 美化样式css通称为css样式表或层叠样式表(级联样式表),主...原创 2019-01-02 17:28:03 · 266 阅读 · 0 评论 -
前端css基础篇(五)纯css tab标签选项卡
<style> body{ font-size: 0; } .box{ text-align: center; } .box .tab{ display: inline-block; width: 120px; height: 44px; paddi...转载 2019-01-06 02:36:27 · 1346 阅读 · 0 评论 -
前端css基础篇(四)导航栏和隔行变色
一、垂直导航条固定在左侧的垂直导航条<style> body{ margin:0; } ul{ list-style-type: none;/*去除li有序列表默认样式*/ margin:0; padding:0; ...原创 2019-01-06 02:07:57 · 915 阅读 · 2 评论 -
前端css基础篇(三) background背景元素position定位以及清除浮动的四种方法
一、 background背景元素1. background-color背景颜色可以简写 background;默认值是transparent。(透明) 不能继承2. background-image背景图片可以简写backgroundurl(“图像的url路径地址”)图像的URL;none 表示背景上没有设置任何图像,这是默认值;inherit 指定背景图像应该从父元素继承b...原创 2019-01-05 03:27:18 · 1878 阅读 · 0 评论 -
css所有单词属性整理
css所有单词属性整理链接css所有单词属性<!DOCTYPE html><html><head><title>CSS单词梳理</title><meta charset='utf原创 2019-01-16 11:41:34 · 692 阅读 · 0 评论