发布时间:2024-03-10
CSS最核心的概念
本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。下面是...
发布时间:2020-11-21
CSS样式表代码布局基础教程
CSS样式表代码布局基础教程—课程10：外部样式表(一) 十、外部样式表 外部样式表是把各种样式单独存在一个文件里，供其他多个网页调用，下面我们来看一个练习； 1、文本编辑器 1）打开记事本或 gedit、leafpad 文本...
发布时间:2020-11-21
css 书写技巧 CSS 技巧教程简介
nettuts带来的5个css书写技巧，简单翻译一下它的中心思想。 1. CSS Reset/重置 你也许需要先了解什么是css重置。然后怎么样写css重置呢。 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下来应该根...
发布时间:2020-11-21
CSS教程设置文本属性和字体间距的方法详解
CSS教程文本属性: 字体间距 用法: word-spacing: 1cm; word-spacing: 10pt; word-spacing: 10px; word-spacing: none; 定义: 使用这个属性我们可以定义或者设置单词之间的距离 word-spacing属性可以设置以下的值。 a...
发布时间:2020-11-21
CSS教程之内容设置的一些语法
一、white-space 可以实现HTML中PRE标签的效果，以及单元格的noWrap效果。 语法： white-space : normal | pre | nowrap 取值： normal： 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一...
发布时间:2020-11-21
CSS教程:语义化方法替代结构化方法介绍
CSS代码的命名惯例一直是大家热门讨论的话题。今天教程网想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。CSS类命名的语义化VS结构化方式 一般而言...
发布时间:2020-11-21
css基础教程之CSS基础语法欣赏
css基础教程之CSS基础语法 我们学习CSS要明白一个重要的问题，CSS主要是解决与实现表现（CSS）与结构（HTML）的分离。我们编写完HTML之后，如何通过CSS对HTML实现控制呢。 1、行内样式 2、内嵌样式 3、链接样式 4、...
发布时间:2023-04-01
CSS基础教程之背景图片
背景图片BackgroundImages有许多属性可以操作。 幸运的是，可以使用background处理所有： body{ background:whiteurl(/uploads/allimg/200803/20080309225852658.gif)no-repeattop } 上面合并了下面属性： backgroun...
发布时间:2020-11-20
CSS制作教程
有些习惯显得尤为重要，今天与您分享六个CSS习惯。因为习惯其实是会变的，所以只能写“最近”的。这些习惯都跟技术无关，如果不遵守，也不会出错。但是我觉得良好的习惯会体现一个人的素质。 我们在中向大家介绍过很...
发布时间:2020-11-20
CSS实用教程:CSS命名
在XHTML中定义ID、CLASSS都用得上，主要是方面CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。 (1)页面结构类 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧...
发布时间:2023-04-01
CSS闭合浮动元素教程
按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种...
发布时间:2020-11-20
关于网页图片属性的CSS教程
图片外框特征参数: ①dashed：虚线 ②dotted：点虚线 ③solid：实线 ④double：双线 ⑤groove：沟槽状 ⑥ridge：脊状 ⑦inset：内嵌 ⑧outset:外嵌 CSS TP特殊效果风格属性 ①灰/黑：Gray/Xray ②差值：Invert ③水...
发布时间:2020-11-20
关于容器定位的CSS教程
很神奇的一个晚上，居然在以前老同事的群里跟同事讨论起CSS的东西来了，不过很意外的还是有收获。在IE中常常会碰到如果将容器定位后，出现容器内的文字不可选择（测试的时候主要用带连接的文字）。 xhtml结构： 定位...
发布时间:2023-04-01
CSS选择器教程
上节课我们讲了一下CSS通过什么方式去控制页面，如果不记得，我来帮大家回忆一下，总共有四种方式行内方式、内嵌方式、链接方式、导入方式，大家通过这四种方式就可以实现CSS对HTML页面样式的控制，如果要让这些样式...
发布时间:2023-01-25
CSS入门教程
从本篇开始讲述如何用css实现网页的布局，即如何用css控制网页内各个元素的显示位置。如果你是一个初学者，很可能觉得做一个网页的第一步就是布局。其实不然，css网页的设计过程可以参考分为以下几步： 平面设计—页...
发布时间:2020-11-20
CSS编程学习制作背景教程
在CSS里面，每个元素盒子都可以想象成由两个图层组成。 前景层：内容（如文本或图片）和边框。 背景层：用实色填充（使用 background-color 属性），也可以包含任意多个背景图片（使用 background-image 属性），背...
发布时间:2020-11-20
css的入门教程
CSS是CascadingStyleSheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句： p{COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中p我们称为选择器(se...
发布时间:2020-11-20
CSS中的line-height行高属性的教程
基本概念 1.行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张“盗图”（选自下面的参考文章），其实我也修改了一下啦~ 注意：倒...
发布时间:2020-11-20
网页颜色表示方法CSS教程介绍
css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。 red红色 等同于 rgb(255,0,0) rgb(100%,0%,0%) #ff0000 #f00 有17个预先确定的颜色，它们是： aqua, black, blue, fuchsia, gray, green, lime, ma...
发布时间:2020-11-20
css滑动门教程介绍
滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现。 滑动门一般用做网站Tab导航, ...