- UID
- 169246
- 阅读权限
- 90
- 注册时间
- 2021-11-25
- 最后登录
- 1970-1-1
- 在线时间
- 小时
- 人气
- 点
- MC币
- 个
- 贡献
- 点
|
CSS常用样式属性有哪些CSS样式属性有两种分别是局常用样式属性和文本常用样式属性,CSS的作用是美化HTML页和控制页面布局,我们需要掌握这两种常用的样式属性来美化页面。接下来一起学习下经常使用的样式属性。爱站云的相关问题可以到网站了解下,我们是业内领域专业的平台,您如果有需要可以咨询,相信可以帮到您,值得您的信赖!
1、布局常用样式属性
设置元素(标签)的宽度,如::100;
设置元素(标签)的高度,如::200;
设置元素背景色或者背景图片,如::;设置元素的背景色,:();设置元素的背景图片。
设置元素四周的边框,如::1;设置元素四周边框是1像素宽的黑色线
以上也可以拆分成四个边的写法,分别设置四个边的:
-设置顶边边框,如:-:10;
-设置左边边框,如:-:10;
-设置右边边框,如:-:10;
-设置底边边框,如:-:10;
设置元素包含的内容和元素边框的距离,也叫内边距,如:20;是同时设置4个边的,也可以像一样拆分成分别设置四个边:-、-、-、-。
设置元素和外界的距离,也叫外边距,如:20;是同时设置4个边的,也可以像一样拆分成分别设置四个边:-、-、-、-。
设置元素浮动,浮动可以让块元素排列在一行,浮动分为左浮动::;右浮动::;
2、文本常用样式属性
设置文字的颜色,如::;
-设置文字的大小,如:-:12;
-设置文字的字体,如:-:'微软雅黑';为了避免中文字不兼容,一般写成:-:'MY';
-设置文字是否加粗,如:-:;设置加粗-:设置不加粗
-设置文字的行高,如:-:24;表示文字高度加上文字上下的间距是24,也就是每一行占有的高度是24
-设置文字的下划线,如:-:;将文字下划线去掉
-设置文字水平对齐方式,如-:设置文字水平居中
-设置文字首行缩进,如:-:24;设置文字首行缩进24
、布局常用样式属性示例代码
4、文本常用样式属性示例
CSS样式属性小结:设置不同的样式属性会呈现不同页的显示效果,样式属性的表现形式是:属性:属性值。 |
|